:root {
  /* Marca (constantes) */
  --brand-burdeos-deep: #4A1420;
  --brand-burdeos: #7A2638;
  --brand-rose: #D6A8B2;
  --brand-graphite: #1E2023;
  --brand-slate: #5B6B88;
  --brand-paper: #FAF8F7;
  --brand-night: #141215;
  --brand-white: #FFFFFF;
  --brand-navy: #1B1A19;

  /* Tipografía */
  --font-sans: "DM Sans", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-logo: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --fs-display-xl: clamp(2.75rem, 1.6rem + 5.2vw, 6rem);
  --fs-display-lg: clamp(2.25rem, 1.5rem + 3.2vw, 4rem);
  --fs-display-md: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  --fs-title: 1.375rem;
  --fs-numeral: clamp(3rem, 2rem + 4vw, 5.5rem);
  --fs-lead: clamp(1.125rem, 1rem + .4vw, 1.3125rem);
  --fs-body: 1.0625rem;
  --fs-body-sm: .9375rem;
  --fs-eyebrow: .75rem;
  --fs-label: .875rem;
  --fs-caption: .8125rem;

  /* Espacio y retícula */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 144px;
  --section-y: clamp(4rem, 2rem + 8vw, 9rem);
  --page-x: clamp(1.25rem, .5rem + 4vw, 7rem);
  --content-max: 1280px;
  --grid-gap: clamp(1rem, .5rem + 1.5vw, 2rem);

  /* Formas */
  --radius-none: 0; --radius-sm: 6px; --radius-md: 16px; --radius-pill: 999px;
  --hairline: 1px solid var(--line);

  /* Movimiento */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 180ms; --dur-base: 420ms; --dur-slow: 900ms;

  /* Modo claro (por defecto). Regla 60-30-10: blanco y neutros, azul pizarra estructural, burdeos solo como firma */
  color-scheme: light;
  --surface: #FFFFFF;
  --surface-alt: #FFFFFF;
  --surface-raised: #FFFFFF;
  --ink: #1E2023;
  --ink-muted: #565C68;
  --line: #E4E7EC;
  --line-strong: #868B96;
  --accent: #3D4C6B;
  --accent-strong: #2B3752;
  --accent-soft: #EEF1F6;
  --on-accent: #FFFFFF;
  --brand: #7A2638;
  --brand-strong: #5E1C2B;
  --on-brand: #FFFFFF;
  --focus: #3D4C6B;
  --success: #0F766E;
  --warning: #A14A07;
  --danger: #B42318;
  --anim-line: rgba(61, 76, 107, .15);
  --anim-line-strong: rgba(61, 76, 107, .32);
  --anim-node: #3D4C6B;
  --anim-brand: #7A2638;
  --shadow-float: 0 24px 48px rgba(30, 32, 35, .10);
}

/* Modo oscuro: preferencia del sistema, salvo elección manual de claro */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #262624;
    --surface-alt: #2B2B29;
    --surface-raised: #30302E;
    --ink: #FAF9F5;
    --ink-muted: #C2C0B6;
    --line: #3D3D3A;
    --line-strong: #6F6D66;
    --accent: #D08394;
    --accent-strong: #E3A0AE;
    --accent-soft: #3A2A2E;
    --on-accent: #2A0D14;
    --brand: #E6AEBA;
    --brand-strong: #F3CBD3;
    --on-brand: #2A0D14;
    --focus: #D08394;
    --success: #5EC8BB;
    --warning: #F5B656;
    --danger: #F97066;
    --anim-line: rgba(255, 255, 255, .11);
    --anim-line-strong: rgba(255, 255, 255, .24);
    --anim-node: #FFFFFF;
    --anim-brand: #FFFFFF;
    --shadow-float: 0 24px 56px rgba(0, 0, 0, .5);
  --brand-navy: #1B1A19;
  }
}

/* Modo oscuro: elección manual */
:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #262624;
  --surface-alt: #2B2B29;
  --surface-raised: #30302E;
  --ink: #FAF9F5;
  --ink-muted: #C2C0B6;
  --line: #3D3D3A;
  --line-strong: #6F6D66;
  --accent: #D08394;
  --accent-strong: #E3A0AE;
  --accent-soft: #3A2A2E;
  --on-accent: #2A0D14;
  --brand: #E6AEBA;
  --brand-strong: #F3CBD3;
  --on-brand: #2A0D14;
  --focus: #D08394;
  --success: #5EC8BB;
  --warning: #F5B656;
  --danger: #F97066;
  --anim-line: rgba(255, 255, 255, .11);
  --anim-line-strong: rgba(255, 255, 255, .24);
  --anim-node: #FFFFFF;
  --anim-brand: #FFFFFF;
  --shadow-float: 0 24px 56px rgba(0, 0, 0, .5);
  --brand-navy: #1B1A19;

}