/* JMH · Bosque y ciudad · tokens v3.0.1 · GENERADO por tools/build-tokens.py, no editar */
:root {
  --canvas: #E7E9E1;
  --surface: #F2F4EE;
  --surface-2: #DCE0D6;
  --panel: #101E2A;
  --panel-ink: #E6ECEA;
  --panel-soft: #93A39B;
  --ink: #17251F;
  --soft: #57685E;
  --mute: #647569;
  --leaf: #1E7A4C;
  --leaf-fill: #3DAE68;
  --blue: #2B6CA3;
  --blue-fill: #5FA8E8;
  --copper: #9C5A2E;
  --copper-fill: #D68A52;
  --jade: #1D6E63;
  --jade-fill: #4FAE9C;
  --warn: #7C5C10;
  --warn-fill: #E4BB3A;
  --alert: #B23B2E;
  --alert-fill: #D8564A;
  --cta-bg: #3DAE68;
  --cta-ink: #F2F4EE;
  --cta-line: rgba(23,37,31,.14);
  --paper: #E6D8BC;
  --paper-ink: #3B2F1E;
  --paper-line: rgba(59,47,30,.18);
  --line: rgba(23,37,31,.14);
  --line-soft: rgba(23,37,31,.08);
  --glass: rgba(242,244,238,.58);
  --glass-line: rgba(23,37,31,.16);
  --scrim: rgba(231,233,225,.72);
}

:root {
  color-scheme: light;
  --font-serif: "Young Serif", "Iowan Old Style", Georgia, serif;
  --font-mono: "Geist Mono", "SF Mono", Menlo, "Courier New", monospace;

  --fs-display: clamp(44px, 6.4vw, 84px);
  --lh-display: 1.0;
  --ls-display: -0.02em;
  --fs-h1: clamp(36px, 4.6vw, 60px);
  --lh-h1: 1.04;
  --ls-h1: -0.015em;
  --fs-h2: clamp(28px, 3.2vw, 40px);
  --lh-h2: 1.08;
  --ls-h2: -0.012em;
  --fs-h3: clamp(22px, 2.2vw, 28px);
  --lh-h3: 1.15;
  --ls-h3: -0.008em;
  --fs-h4: 19px;
  --lh-h4: 1.25;
  --ls-h4: 0;
  --fs-lead: 16px;
  --lh-lead: 1.55;
  --ls-lead: 0;
  --fs-body: 14.5px;
  --lh-body: 1.65;
  --ls-body: 0;
  --fs-small: 12.5px;
  --lh-small: 1.5;
  --ls-small: 0;
  --fs-label: 11.5px;
  --lh-label: 1.3;
  --ls-label: 0.08em;
  --fs-data: 13px;
  --lh-data: 1.4;
  --ls-data: 0.02em;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;
  --sp-gutter: clamp(20px, 4vw, 56px);
  --sp-measure: 62ch;
  --sp-container: 1240px;

  --r-btn: 6px;
  --r-field: 6px;
  --r-card: 14px;
  --r-panel: 20px;
  --r-pill: 999px;
  --r-img: 12px;

  --line-hair: 1px;
  --line-wire: 1.5px;
  --line-rule: 2px;

  --elev-0: none;
  --elev-1: 0 1px 0 var(--line-soft);
  --elev-2: 0 1px 2px rgba(10,22,32,.10), 0 0 0 1px var(--line-soft);
  --elev-3: 0 12px 32px -12px rgba(10,22,32,.28), 0 0 0 1px var(--line);

  --t-fast: 160ms;
  --t-base: 320ms;
  --t-slow: 720ms;
  --t-page: 1200ms;

  --ease-out: cubic-bezier(.2,.7,.2,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --ease-linear: linear;

  --amb-breathe: 4800ms;
  --amb-flow: 12000ms;
  --amb-twinkle: 3600ms;
  --amb-spin: 48000ms;
  --amb-clock: 1000ms;

  --viz-1: var(--leaf-fill);
  --viz-2: var(--blue-fill);
  --viz-3: var(--copper-fill);
  --viz-4: var(--soft);
  --viz-5: var(--warn-fill);
  --viz-6: var(--mute);

}

[data-mode="noche"] {
  color-scheme: dark;
  --canvas: #0E1B24;
  --surface: #142430;
  --surface-2: #1B2F3D;
  --panel: #0A1620;
  --panel-ink: #E6ECEA;
  --panel-soft: #93A39B;
  --ink: #E7EEEA;
  --soft: #9FB0AA;
  --mute: #7E8F88;
  --leaf: #45D9BE;
  --leaf-fill: #45D9BE;
  --blue: #6FB4F2;
  --blue-fill: #6FB4F2;
  --copper: #E0A268;
  --copper-fill: #E0A268;
  --jade: #7ED88A;
  --jade-fill: #7ED88A;
  --warn: #EFC94C;
  --warn-fill: #EFC94C;
  --alert: #E2584A;
  --alert-fill: #E2584A;
  --cta-bg: #106B5C;
  --cta-ink: #E7EEEA;
  --cta-line: rgba(231,238,234,.14);
  --paper: #D4C6A8;
  --paper-ink: #2A2115;
  --paper-line: rgba(42,33,21,.18);
  --line: rgba(231,238,234,.14);
  --line-soft: rgba(231,238,234,.08);
  --glass: rgba(20,36,48,.52);
  --glass-line: rgba(231,238,234,.14);
  --scrim: rgba(14,27,36,.72);
}

@media (prefers-color-scheme: dark) {
:root:not([data-mode="dia"]) {
    color-scheme: dark;
    --canvas: #0E1B24;
    --surface: #142430;
    --surface-2: #1B2F3D;
    --panel: #0A1620;
    --panel-ink: #E6ECEA;
    --panel-soft: #93A39B;
    --ink: #E7EEEA;
    --soft: #9FB0AA;
    --mute: #7E8F88;
    --leaf: #45D9BE;
    --leaf-fill: #45D9BE;
    --blue: #6FB4F2;
    --blue-fill: #6FB4F2;
    --copper: #E0A268;
    --copper-fill: #E0A268;
    --jade: #7ED88A;
    --jade-fill: #7ED88A;
    --warn: #EFC94C;
    --warn-fill: #EFC94C;
    --alert: #E2584A;
    --alert-fill: #E2584A;
    --cta-bg: #106B5C;
    --cta-ink: #E7EEEA;
    --cta-line: rgba(231,238,234,.14);
    --paper: #D4C6A8;
    --paper-ink: #2A2115;
    --paper-line: rgba(42,33,21,.18);
    --line: rgba(231,238,234,.14);
    --line-soft: rgba(231,238,234,.08);
    --glass: rgba(20,36,48,.52);
    --glass-line: rgba(231,238,234,.14);
    --scrim: rgba(14,27,36,.72);
  }
}