/*
  DESIGN TOKENS — Manual de Salud de la Comunidad
  Mismo sistema (tipografía, espaciado, arquitectura de sitio) que el resto
  de la colección, con paleta propia: acento salvia "verde comunitario"
  (el verde de la atención primaria, la promoción de la salud y el trabajo
  de campo comunitario) sobre un papel cálido con velo verde apenas
  perceptible — distinto del teal celular de Biología y del verde tóxico
  de Toxicología — y una escala semántica de callouts que no repite ningún
  hex del resto de la colección.
*/

: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" con leve velo verde cálido) ---- */
  --color-paper: #F7FAF6;
  --color-paper-raised: #FFFFFF;
  --color-paper-alt: #E7F0E3;
  --color-ink: #1B241A;
  --color-ink-soft: #4E5F4B;
  --color-ink-faint: #7E927A;
  --color-line: #DCE8D8;
  --color-line-strong: #BBD3B4;

  /* ---- Acento de la colección (Salud de la Comunidad = salvia "verde comunitario") ---- */
  --accent-primary: #3E7A4F;
  --accent-primary-ink: #295434;
  --accent-primary-soft: #E1F0E5;

  /* ---- Semántica (callouts) — paleta propia, sin reciclar hex de otros manuales ---- */
  --color-info: #2E6E8A;      --color-info-soft: #E1EEF3;      --color-info-ink:#173F51;
  --color-warning: #A6720F;   --color-warning-soft: #F8ECD5;   --color-warning-ink:#6B490A;
  --color-danger: #A63D3D;    --color-danger-soft: #F8E3E1;    --color-danger-ink:#6E2626;
  --color-success: #3E8A4F;   --color-success-soft: #E1F2E5;   --color-success-ink:#245432;
  --color-tip: #1C8579;       --color-tip-soft: #DEF2EF;       --color-tip-ink:#0D4B44;
  --color-exam: #6A5B9E;      --color-exam-soft: #EAE6F7;      --color-exam-ink:#3F3568;

  /* ---- 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(27,36,26,.05), 0 6px 20px rgba(27,36,26,.07);
  --shadow-hover: 0 10px 30px rgba(27,36,26,.12);
  --shadow-inset: inset 0 0 0 1px rgba(27,36,26,.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: #131F14;
  --color-paper-raised: #1A281B;
  --color-paper-alt: #223322;
  --color-ink: #E5F1E3;
  --color-ink-soft: #A9C2A4;
  --color-ink-faint: #6E8A6A;
  --color-line: #223322;
  --color-line-strong: #2E4530;

  --accent-primary: #7FCB93;
  --accent-primary-ink: #D3F0DC;
  --accent-primary-soft: #1E3324;

  --color-info: #87C0DC;      --color-info-soft: #172E3A;      --color-info-ink:#CDE7F4;
  --color-warning: #E0AC5C;   --color-warning-soft: #372608;   --color-warning-ink:#F6D8A8;
  --color-danger: #E68F8F;    --color-danger-soft: #3A1F1F;    --color-danger-ink:#F9CDCD;
  --color-success: #86D097;   --color-success-soft: #153420;   --color-success-ink:#C9EFD1;
  --color-tip: #66D2C4;       --color-tip-soft: #0F322D;       --color-tip-ink:#BCEEE6;
  --color-exam: #B3A0E0;      --color-exam-soft: #251F3C;      --color-exam-ink:#DDD3F4;

  --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: #131F14;
    --color-paper-raised: #1A281B;
    --color-paper-alt: #223322;
    --color-ink: #E5F1E3;
    --color-ink-soft: #A9C2A4;
    --color-ink-faint: #6E8A6A;
    --color-line: #223322;
    --color-line-strong: #2E4530;

    --accent-primary: #7FCB93;
    --accent-primary-ink: #D3F0DC;
    --accent-primary-soft: #1E3324;

    --color-info: #87C0DC;      --color-info-soft: #172E3A;      --color-info-ink:#CDE7F4;
    --color-warning: #E0AC5C;   --color-warning-soft: #372608;   --color-warning-ink:#F6D8A8;
    --color-danger: #E68F8F;    --color-danger-soft: #3A1F1F;    --color-danger-ink:#F9CDCD;
    --color-success: #86D097;   --color-success-soft: #153420;   --color-success-ink:#C9EFD1;
    --color-tip: #66D2C4;       --color-tip-soft: #0F322D;       --color-tip-ink:#BCEEE6;
    --color-exam: #B3A0E0;      --color-exam-soft: #251F3C;      --color-exam-ink:#DDD3F4;

    --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);
  }
}