/* =========================================================================
   ATBC 2027 — Design tokens · identidad Connect
   Mismos nombres de variable que la versión original: solo cambian los
   valores, así que ninguna vista ni componente necesita tocarse.
   Verde congreso + oro sesión + papel. Tipografía Space Grotesk / Instrument Sans.
   ========================================================================= */

:root {
  /* --- Escala de marca: verde congreso ------------------------------- */
  --green-50:  #eef3f1;
  --green-100: #dbe6e2;
  --green-200: #b9cdc6;
  --green-300: #8fb0a7;
  --green-400: #5f8f83;
  --green-500: #2f7266;
  --green-600: #1a6154;
  --green-700: #14574F;
  --green-800: #0B3B36;
  --green-900: #082A26;
  --green-950: #051c19;

  /* --- Acentos: oro sesión y siena ---------------------------------- */
  --amber-400: #EBD79B;
  --amber-500: #E5C46B;
  --coral-500: #B4562C;
  --coral-600: #9A3B1F;

  /* --- Neutrales cálidos (papel) ------------------------------------ */
  --ink-950: #0e0f10;
  --ink-900: #17181B;
  --ink-800: #23241f;
  --ink-700: #3D3A35;
  --ink-600: #55524B;
  --ink-500: #6E6A63;
  --ink-400: #8B8579;
  --ink-300: #C0BAAE;
  --ink-200: #D9D5CC;
  --ink-100: #EDE9E1;
  --ink-50:  #F6F3ED;
  --white:   #ffffff;

  /* --- Tipografía ---------------------------------------------------- */
  --font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Space Grotesk", "Instrument Sans", ui-sans-serif, system-ui,
               -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Space Grotesk", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  --fs-xs: .75rem;  --fs-sm: .8125rem; --fs-base: .9375rem; --fs-md: 1rem;
  --fs-lg: 1.125rem; --fs-xl: 1.375rem; --fs-2xl: 1.75rem; --fs-3xl: 2.25rem;
  --fs-4xl: 3rem;   --fs-5xl: 3.75rem;
  --lh-tight: 1.14; --lh-snug: 1.35; --lh-normal: 1.55;

  /* --- Espacio / radio / sombra -------------------------------------
     La marca es de canto recto: los radios bajan casi a cero y las
     sombras se sustituyen por línea fina. */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;

  --r-xs: 0px; --r-sm: 0px; --r-md: 0px; --r-lg: 0px; --r-xl: 0px; --r-full: 999px;

  --shadow-xs: 0 0 0 0 rgba(11, 59, 54, 0);
  --shadow-sm: 0 1px 2px rgba(11, 59, 54, .06);
  --shadow-md: 0 4px 14px rgba(11, 59, 54, .09);
  --shadow-lg: 0 18px 46px rgba(11, 59, 54, .18);
  --ring: 0 0 0 3px rgba(229, 196, 107, .55);

  --maxw: 1180px;
  --header-h: 64px;
  --transition: 160ms cubic-bezier(.2, .6, .2, 1);
}

/* ---------------------- TEMA CLARO (por omisión) -------------------- */
:root,
[data-theme="light"] {
  color-scheme: light;
  --bg:        #F2EFE6;
  --bg-grad-1: #EDE9DF;
  --bg-grad-2: #F6F3ED;
  --surface:   #ffffff;
  --surface-2: #F6F3ED;
  --surface-3: #EDE9E1;
  --text:      var(--ink-900);
  --text-soft: var(--ink-700);
  --muted:     var(--ink-500);
  --border:    #E4E0D8;
  --border-strong: #D9D5CC;
  --primary:   var(--green-800);
  --primary-hover: var(--green-900);
  --primary-ink: #F2EFE6;
  --primary-soft: #E8EDE9;
  --accent:    #C79B2E;
  --accent-soft: #FBF3DC;
  --link:      var(--green-800);
  --grid-band: #EFECE4;
  --header-bg: rgba(242, 239, 230, .88);
  --chip-bg:   #EDE9E1;
  --overlay:   rgba(11, 59, 54, .45);
}

/* ---------------------------- TEMA OSCURO --------------------------- */
[data-theme="dark"] {
  color-scheme: dark;
  --bg:        #071e1b;
  --bg-grad-1: #0a2622;
  --bg-grad-2: #061917;
  --surface:   #0B3B36;
  --surface-2: #0e453f;
  --surface-3: #14574F;
  --text:      #F2EFE6;
  --text-soft: rgba(242, 239, 230, .82);
  --muted:     rgba(242, 239, 230, .58);
  --border:    #175149;
  --border-strong: #1f665c;
  --primary:   #E5C46B;
  --primary-hover: #EBD79B;
  --primary-ink: #0B3B36;
  --primary-soft: #14574F;
  --accent:    #E5C46B;
  --accent-soft: #14574F;
  --link:      #E5C46B;
  --grid-band: #0a2f2b;
  --header-bg: rgba(7, 30, 27, .88);
  --chip-bg:   #14574F;
  --overlay:   rgba(5, 28, 25, .6);
  --shadow-xs: 0 0 0 0 rgba(0, 0, 0, 0);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, .45);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, .55);
  --ring: 0 0 0 3px rgba(229, 196, 107, .4);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #071e1b; --bg-grad-1: #0a2622; --bg-grad-2: #061917;
    --surface: #0B3B36; --surface-2: #0e453f; --surface-3: #14574F;
    --text: #F2EFE6; --text-soft: rgba(242,239,230,.82); --muted: rgba(242,239,230,.58);
    --border: #175149; --border-strong: #1f665c;
    --primary: #E5C46B; --primary-hover: #EBD79B;
    --primary-ink: #0B3B36; --primary-soft: #14574F;
    --accent: #E5C46B; --accent-soft: #14574F; --link: #E5C46B;
    --grid-band: #0a2f2b; --header-bg: rgba(7, 30, 27, .88);
    --chip-bg: #14574F; --overlay: rgba(5, 28, 25, .6);
    --shadow-sm: 0 1px 3px rgba(0,0,0,.35); --shadow-md: 0 6px 20px rgba(0,0,0,.45);
    --shadow-lg: 0 18px 48px rgba(0,0,0,.55); --ring: 0 0 0 3px rgba(229,196,107,.4);
  }
}

/* Colores por tipo de sesión — familia de la marca, ocho tonos
   distinguibles sin salirse del verde/oro/siena. */
:root {
  --t-oral:      #1F6F8B;
  --t-symposium: #0B3B36;
  --t-poster:    #C79B2E;
  --t-ofs:       #6E5A9B;
  --t-workshop:  #A8465F;
  --t-course:    #2E7D6E;
  --t-plenary:   var(--coral-600);
  --t-special:   var(--ink-500);
}