/* GENERATED by styles/build-tokens.mjs from styles/atlas-tokens.json. Do not edit by hand. */
/* Theme Noche (dark) is the default; Día (light) via [data-theme="light"]. */
/* Breakpoints are max widths; CSS @media cannot read variables, so layout.css repeats
   these values and test/tokens.test.js checks that every @media width matches one. */
:root {
  color-scheme: dark;
  --abyss: #0b0e11;
  --night: #12181c;
  --panel: rgba(14,19,22,0.82);
  --slate: #273035;
  --rule: rgba(242,246,248,0.14);
  --moss: #2f3c33;
  --mist: #f2f6f8;
  --fog: #9aa7ae;
  --sky: #78c8f8;
  --sky-deep: #4f93bd;
  --on-sky: #0b0e11;
  --region-andina: #3b4b3f;
  --region-caribe: #4b4739;
  --region-pacifica: #2d4547;
  --region-orinoquia: #45492f;
  --region-amazonia: #26392b;
  --region-insular: #2c3f4d;
  --neighbor: #141a1e;
  --font-display: "Lexend", "Figtree", system-ui, sans-serif;
  --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --type-wordmark-size: 30px;
  --type-wordmark-line: 1;
  --type-wordmark-weight: 800;
  --type-wordmark-tracking: 0.02em;
  --type-title-size: 38px;
  --type-title-line: 1.02;
  --type-title-weight: 600;
  --type-title-tracking: -0.01em;
  --type-figure-size: 20px;
  --type-figure-line: 1.1;
  --type-figure-weight: 600;
  --type-lede-size: 27px;
  --type-lede-line: 1.28;
  --type-lede-weight: 500;
  --type-body-size: 15px;
  --type-body-line: 1.45;
  --type-body-weight: 400;
  --type-small-size: 13.5px;
  --type-small-line: 1.4;
  --type-small-weight: 400;
  --type-label-size: 12px;
  --type-label-line: 1.3;
  --type-label-weight: 400;
  --type-label-tracking: 0.14em;
  --type-coord-size: 12px;
  --type-coord-line: 1.3;
  --type-coord-weight: 500;
  --type-coord-tracking: 0.1em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-gutter: 72px;
  --radius-none: 0px;
  --radius-hair: 2px;
  --radius-round: 999px;
  --glow-sky: 0 0 18px rgba(120,200,248,0.6);
  --bp-phone: 480px;
  --bp-tablet: 1024px;
  --bp-laptop: 1440px;
  --bp-desktop: 1920px;
}
[data-theme="light"] {
  color-scheme: light;
  --abyss: #eef2f2;
  --night: #ffffff;
  --panel: rgba(255,255,255,0.86);
  --slate: #d5dcdf;
  --rule: rgba(15,21,25,0.14);
  --moss: #dfe7df;
  --mist: #0f1519;
  --fog: #4e5b62;
  --sky: #1d6a99;
  --sky-deep: #3f7fa6;
  --on-sky: #ffffff;
  --region-andina: #b9c9b6;
  --region-caribe: #d9cfb2;
  --region-pacifica: #a9c6c4;
  --region-orinoquia: #cfd0a3;
  --region-amazonia: #9db59f;
  --region-insular: #a7bccb;
  --neighbor: #e3e8e9;
}