/*
  DESIGN TOKENS — Manual de Neurociencias
  Misma arquitectura (tipografía, espaciado, sitio multi-página) que el resto
  de la colección, con paleta propia: acento "cian eléctrico" (el turquesa del
  impulso nervioso y de la tractografía por difusión), sobre un papel gris
  peltre de fondo frío con subtono verde-neutro — deliberadamente distinto de
  los papeles azulados de Epidemiología, Bioestadística e Inmunología.
  Ningún hex de esta hoja se repite en otro manual.
*/

:root {
  color-scheme: light;

  /* ---- Tipografía ---- */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', 'Cascadia Code', Consolas, 'Courier New', monospace;

  --fs-xs: 0.78rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.35rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-4xl: 3.75rem;

  --lh-tight: 1.2;
  --lh-snug: 1.4;
  --lh-normal: 1.65;
  --lh-relaxed: 1.8;

  /* ---- Paleta base (modo claro, "papel peltre" gris frío de subtono verde) ---- */
  --color-paper: #ECEFEE;
  --color-paper-raised: #FFFFFF;
  --color-paper-alt: #DCE3E2;
  --color-ink: #141C1D;
  --color-ink-soft: #4A5859;
  --color-ink-faint: #7B8A8B;
  --color-line: #C9D3D2;
  --color-line-strong: #ABB8B7;

  /* ---- Acento (Neurociencias = cian eléctrico / impulso nervioso) ---- */
  --accent-primary: #0B6D80;
  --accent-primary-ink: #06414D;
  --accent-primary-soft: #D3EBEF;

  /* ---- Semántica (callouts) — sin reciclar hex de otros manuales ---- */
  --color-info: #2A6E86;      --color-info-soft: #D7E9F0;      --color-info-ink:#143847;
  --color-warning: #96631A;   --color-warning-soft: #F2E3C6;   --color-warning-ink:#50350D;
  --color-danger: #A33A46;    --color-danger-soft: #F4DCDF;    --color-danger-ink:#591E25;
  --color-success: #35745F;   --color-success-soft: #D8EBE4;   --color-success-ink:#1B4335;
  --color-dose: #4A5568;      --color-dose-soft: #EAEDF2;      --color-dose-ink:#2C3442;
  --color-tip: #4C5FA8;       --color-tip-soft: #DEE3F6;       --color-tip-ink:#28345F;
  --color-exam: #7C4193;      --color-exam-soft: #EEDDF4;      --color-exam-ink:#472451;

  /* ---- Espaciado ---- */
  --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;

  /* ---- Forma / profundidad ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --shadow-card: 0 1px 2px rgba(20,28,29,.05), 0 6px 20px rgba(20,28,29,.07);
  --shadow-hover: 0 10px 30px rgba(20,28,29,.12);
  --shadow-inset: inset 0 0 0 1px rgba(20,28,29,.06);

  /* ---- Layout ---- */
  --max-content: 760px;
  --max-wide: 1240px;
  --sidebar-w: 272px;
  --toc-w: 232px;
  --header-h: 64px;

  --ease: cubic-bezier(.4,0,.2,1);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-paper: #0D1618;
  --color-paper-raised: #152023;
  --color-paper-alt: #1D2B2E;
  --color-ink: #E3EBEB;
  --color-ink-soft: #A3B4B5;
  --color-ink-faint: #6A7C7E;
  --color-line: #1D2B2E;
  --color-line-strong: #2B3C40;

  --accent-primary: #45D2E6;
  --accent-primary-ink: #D6F3F8;
  --accent-primary-soft: #0E2E36;

  --color-info: #7BBBD3;      --color-info-soft: #102E39;      --color-info-ink:#D4EBF3;
  --color-warning: #D5A860;   --color-warning-soft: #352611;   --color-warning-ink:#F4E1BF;
  --color-danger: #DB8F98;    --color-danger-soft: #3B1E23;    --color-danger-ink:#F8DADE;
  --color-success: #85C2AC;   --color-success-soft: #163029;   --color-success-ink:#D6EDE4;
  --color-dose: #9AA7BC;      --color-dose-soft: #202631;      --color-dose-ink:#D5DCE7;
  --color-tip: #98A6E0;       --color-tip-soft: #1E2447;       --color-tip-ink:#DEE3F8;
  --color-exam: #C596D6;      --color-exam-soft: #331B3B;      --color-exam-ink:#F1DCF6;

  --shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.35);
  --shadow-hover: 0 10px 30px rgba(0,0,0,.45);
  --shadow-inset: inset 0 0 0 1px rgba(255,255,255,.06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-paper: #0D1618;
    --color-paper-raised: #152023;
    --color-paper-alt: #1D2B2E;
    --color-ink: #E3EBEB;
    --color-ink-soft: #A3B4B5;
    --color-ink-faint: #6A7C7E;
    --color-line: #1D2B2E;
    --color-line-strong: #2B3C40;

    --accent-primary: #45D2E6;
    --accent-primary-ink: #D6F3F8;
    --accent-primary-soft: #0E2E36;

    --color-info: #7BBBD3;      --color-info-soft: #102E39;      --color-info-ink:#D4EBF3;
    --color-warning: #D5A860;   --color-warning-soft: #352611;   --color-warning-ink:#F4E1BF;
    --color-danger: #DB8F98;    --color-danger-soft: #3B1E23;    --color-danger-ink:#F8DADE;
    --color-success: #85C2AC;   --color-success-soft: #163029;   --color-success-ink:#D6EDE4;
    --color-dose: #9AA7BC;      --color-dose-soft: #202631;      --color-dose-ink:#D5DCE7;
    --color-tip: #98A6E0;       --color-tip-soft: #1E2447;       --color-tip-ink:#DEE3F8;
    --color-exam: #C596D6;      --color-exam-soft: #331B3B;      --color-exam-ink:#F1DCF6;

    --shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.35);
    --shadow-hover: 0 10px 30px rgba(0,0,0,.45);
    --shadow-inset: inset 0 0 0 1px rgba(255,255,255,.06);
  }
}


/* ---- Paleta neutra MARFAN: una sola para los 24 manuales ---- */
:root{
  --color-paper:#F7F4ED; --color-paper-raised:#FFFDF8; --color-paper-alt:#EEE9DD;
  --color-ink:#1A1917; --color-ink-soft:#4F4A42; --color-ink-faint:#8B8579;
  --color-line:#E0D9CA; --color-line-strong:#C7BEA9;
}
:root[data-theme="dark"]{
  --color-paper:#131210; --color-paper-raised:#1D1B18; --color-paper-alt:#0C0B0A;
  --color-ink:#EDE7D9; --color-ink-soft:#A49C8B; --color-ink-faint:#7A7365;
  --color-line:#2E2B26; --color-line-strong:#443F37;
}