/* Generado desde tokens.json — Kalop v9 (Precisión: neutros cálidos, tinta grafito; naranja Pantone 151 C #F07D00 y celeste Pantone 639 #009FE3 del logo como acentos; color por división). Editá el JSON y regenerá; no edites este archivo a mano. */
/* Las variables --breakpoint-* sirven como referencia: CSS no permite usarlas dentro de @media. */
:root {
  color-scheme: light;
  --color-bg: #F7F6F2;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EFEEE9;
  --color-surface-warm: #ECE9E1;
  --color-ink: #111418;
  --color-ink-2: #1B1F25;
  --color-on-ink: #F2F1ED;
  --color-on-ink-muted: #A6AAB0;
  --color-text: #121519;
  --color-text-muted: #545A62;
  --color-primary: #121519;
  --color-primary-hover: #2A2F36;
  --color-on-primary: #FFFFFF;
  --color-logo-naranja: #F07D00;
  --color-logo-celeste: #009FE3;
  --color-accent: #F07D00;
  --color-accent-hover: #FF9024;
  --color-on-accent: #0F1A26;
  --color-accent-text: #A84F00;
  --color-celeste: #009FE3;
  --color-celeste-text: #00709F;
  --color-link: #00709F;
  --color-border: #DDDBD3;
  --color-border-strong: #8A8E94;
  --color-focus: #00709F;
  --color-focus-on-ink: #FF9A47;
  --color-div-modular: #009FE3;
  --color-div-modular-tinte: #E6EFF4;
  --color-div-modular-texto: #00709F;
  --color-div-electricos: #F07D00;
  --color-div-electricos-tinte: #F3EBE1;
  --color-div-electricos-texto: #A84F00;
  --color-div-conductores: #C2643A;
  --color-div-conductores-tinte: #F1E9E3;
  --color-div-conductores-texto: #9A4823;
  --color-fase: #7A4A2A;
  --color-neutro: #5FA8D3;
  --color-tierra-verde: #3E9B4F;
  --color-tierra-amarillo: #E8C832;
  --color-error: #B3261E;
  --color-success: #2F6B3A;
  --color-warning: #8A5A00;
  --color-celeste-ar: #74ACDF;
  --color-blanco: #FFFFFF;
  --font-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1rem;
  --text-lg: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --text-xl: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --text-2xl: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --text-3xl: clamp(2.75rem, 1.5rem + 4.6vw, 5.5rem);
  --text-gigante: clamp(7rem, 2rem + 20vw, 24rem);
  --leading-display: 0.96;
  --leading-tight: 1.1;
  --leading-body: 1.6;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-full: 9999px;
  --shadow-1: 0 1px 2px rgb(17 20 24 / 0.05), 0 6px 18px -8px rgb(17 20 24 / 0.10);
  --shadow-2: 0 24px 60px -24px rgb(17 20 24 / 0.28);
  --shadow-flota: 0 0 60px rgb(17 20 24 / 0.08);
  --duration-fast: 200ms;
  --duration-base: 300ms;
  --duration-slow: 1100ms;
  --duration-entrada: 900ms;
  --ease-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.25, 1);
  --ease-cajon: cubic-bezier(0.32, 0.72, 0, 1);
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
}

/* Pares de contraste verificados (contrast.mjs los lee de acá):
 * @pair --color-text on --color-bg normal
 * @pair --color-text on --color-surface-alt normal
 * @pair --color-text on --color-surface-warm normal
 * @pair --color-text-muted on --color-bg normal
 * @pair --color-text-muted on --color-surface-alt normal
 * @pair --color-text-muted on --color-surface-warm normal
 * @pair --color-on-primary on --color-primary normal
 * @pair --color-on-primary on --color-primary-hover normal
 * @pair --color-on-accent on --color-accent normal
 * @pair --color-on-accent on --color-accent-hover normal
 * @pair --color-on-accent on --color-celeste normal
 * @pair --color-accent-text on --color-bg normal
 * @pair --color-accent-text on --color-surface-warm normal
 * @pair --color-celeste-text on --color-bg normal
 * @pair --color-link on --color-bg normal
 * @pair --color-link on --color-surface-alt normal
 * @pair --color-on-ink on --color-ink normal
 * @pair --color-on-ink-muted on --color-ink normal
 * @pair --color-on-ink on --color-ink-2 normal
 * @pair --color-on-ink-muted on --color-ink-2 normal
 * @pair --color-accent on --color-ink large
 * @pair --color-celeste on --color-ink large
 * @pair --color-text on --color-div-modular-tinte normal
 * @pair --color-text on --color-div-electricos-tinte normal
 * @pair --color-text on --color-div-conductores-tinte normal
 * @pair --color-div-modular-texto on --color-div-modular-tinte normal
 * @pair --color-div-electricos-texto on --color-div-electricos-tinte normal
 * @pair --color-div-conductores-texto on --color-div-conductores-tinte normal
 * @pair --color-div-modular-texto on --color-bg normal
 * @pair --color-div-electricos-texto on --color-bg normal
 * @pair --color-div-conductores-texto on --color-bg normal
 * @pair --color-focus on --color-bg ui
 * @pair --color-focus-on-ink on --color-ink ui
 * @pair --color-border-strong on --color-bg ui
 */