:root,
[data-theme="light"] {
  --nx-bg: #DEDCDC;
  --nx-surface: #F8F8F8;
  --nx-surface-soft: #C5BAC4;

  --nx-text: #191D23;
  --nx-text-muted: #3F4B50;
  --nx-border: #979DAB;

  --nx-primary: #57707A;
  --nx-primary-strong: #191D23;
  --nx-accent: #7E919F;

  --nx-on-primary: #DEDCDC;
  --nx-cta-bg: #191D23;

  --nx-shadow: 0 8px 24px rgba(25, 29, 35, 0.15);

  --nx-font-heading: "DM Sans", sans-serif;
  --nx-font-body: "Manrope", sans-serif;
}

[data-theme="dark"] {
  --nx-bg: #191D23;
  --nx-surface: #242A30;
  --nx-surface-soft: #2F3940;

  --nx-text: #DEDCDC;
  --nx-text-muted: #C5BAC4;
  --nx-border: #57707A;

  --nx-primary: #7E919F;
  --nx-primary-strong: #979DAB;
  --nx-accent: #C5BAC4;

  --nx-on-primary: #191D23;
  --nx-cta-bg: #57707A;

  --nx-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);

  --nx-font-heading: "DM Sans", sans-serif;
  --nx-font-body: "Manrope", sans-serif;
}