/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-pino-50: #EEF6F4;
  --primitive-color-pino-100: #D6E9E5;
  --primitive-color-pino-200: #AFD3CD;
  --primitive-color-pino-300: #7FB6AE;
  --primitive-color-pino-400: #3E8A80;
  --primitive-color-pino-500: #06574E;
  --primitive-color-pino-600: #054A43;
  --primitive-color-pino-700: #043B36;
  --primitive-color-pino-800: #032D29;
  --primitive-color-pino-900: #02201D;
  --primitive-color-monte-50: #EEF6F1;
  --primitive-color-monte-100: #D8ECE0;
  --primitive-color-monte-200: #B2D8C2;
  --primitive-color-monte-300: #84BE9E;
  --primitive-color-monte-400: #4E9A72;
  --primitive-color-monte-500: #24754A;
  --primitive-color-monte-600: #1E653F;
  --primitive-color-monte-700: #185233;
  --primitive-color-monte-800: #133F27;
  --primitive-color-monte-900: #0D2B1B;
  --primitive-color-salvia-200: #CFE3E1;
  --primitive-color-salvia-300: #A9CCC9;
  --primitive-color-salvia-500: #6EA9A7;
  --primitive-color-salvia-700: #4A7D7B;
  --primitive-color-neutro-0: #FFFFFF;
  --primitive-color-neutro-50: #FBFDFC;
  --primitive-color-neutro-100: #F1F6F4;
  --primitive-color-neutro-200: #DCEAE7;
  --primitive-color-neutro-300: #C2D8D3;
  --primitive-color-neutro-400: #97B5AF;
  --primitive-color-neutro-500: #66948E;
  --primitive-color-neutro-600: #4E6E6A;
  --primitive-color-neutro-700: #35514D;
  --primitive-color-neutro-800: #1E3A36;
  --primitive-color-neutro-900: #0B2C29;
  --primitive-color-neutro-950: #08201E;
  --primitive-color-alerta-obra: #8A5B10;
  --primitive-color-alerta-error: #A8431E;
  --primitive-color-ambar-50: #F6EBDD;
  --primitive-color-ambar-200: #E8C89A;
  --primitive-color-ambar-400: #D9963F;
  --primitive-color-ambar-500: #A86A26;
  --primitive-color-ambar-700: #7A4E22;
  --primitive-color-ambar-900: #2E2211;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-5: 1.375rem;
  --primitive-spacing-6: 1.75rem;
  --primitive-spacing-8: 2.5rem;
  --primitive-spacing-10: 3.25rem;
  --primitive-spacing-12: 4rem;
  --primitive-fontFamily-condensada: 'Big Shoulders Display', 'Oswald', 'Arial Narrow', sans-serif;
  --primitive-fontFamily-texto: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --primitive-fontFamily-dato: Verdana, Geneva, 'DejaVu Sans', 'Bitstream Vera Sans', sans-serif;
  --primitive-fontSize-etiqueta: 0.6875rem;
  --primitive-fontSize-ayuda: 0.8125rem;
  --primitive-fontSize-cuerpo: 0.9375rem;
  --primitive-fontSize-cuerpoLg: 1rem;
  --primitive-fontSize-eslogan: 1.5625rem;
  --primitive-fontSize-titulo: 3.875rem;
  --primitive-lineHeight-titulo: 0.87;
  --primitive-lineHeight-corto: 1.2;
  --primitive-lineHeight-texto: 1.55;
  --primitive-tracking-titulo: 0.005em;
  --primitive-tracking-etiqueta: 0.09em;
  --primitive-size-toque: 48px;
  --primitive-size-toqueMinimo: 44px;
}

/* === SEMANTIC === */
:root {
  --color-bg: #FBFDFC;
  --color-surface: #FFFFFF;
  --color-surfaceAlt: #F1F6F4;
  --color-fg: #0B2C29;
  --color-fgMuted: #4E6E6A;
  --color-border: #66948E;
  --color-borderSubtle: #DCEAE7;
  --color-primary: #06574E;
  --color-primaryHover: #054A43;
  --color-onPrimary: #FFFFFF;
  --color-accent: #24754A;
  --color-accentHover: #1E653F;
  --color-onAccent: #FFFFFF;
  --color-decorativo: #6EA9A7;
  --color-focus: #06574E;
  --color-success: #24754A;
  --color-warning: #8A5B10;
  --color-danger: #A8431E;
  --color-warningBg: #F6EBDD;
  --color-warningFg: #7A4E22;
  --color-warningDot: #A86A26;
  --font-titulo: 'Big Shoulders Display', 'Oswald', 'Arial Narrow', sans-serif;
  --font-texto: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-etiqueta: Verdana, Geneva, 'DejaVu Sans', 'Bitstream Vera Sans', sans-serif;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.375rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
}

/* === COMPONENTS === */
:root {
  --boton-bg: #24754A;
  --boton-bgHover: #06574E;
  --boton-fg: #FFFFFF;
  --boton-minHeight: 48px;
  --boton-font: 'Big Shoulders Display', 'Oswald', 'Arial Narrow', sans-serif;
  --boton-paddingX: 1.375rem;
  --campo-bg: #FFFFFF;
  --campo-fg: #0B2C29;
  --campo-border: #66948E;
  --campo-borderError: #A8431E;
  --campo-minHeight: 48px;
  --campo-placeholder: #4E6E6A;
  --sello-bg: #F6EBDD;
  --sello-fg: #7A4E22;
  --sello-border: transparent;
  --sello-punto: #A86A26;
  --fila-minHeight: 44px;
  --fila-border: #DCEAE7;
  --fila-hoverBg: #EEF6F4;
  --foco-color: #06574E;
  --foco-width: 2px;
  --foco-offset: 2px;
}

/* === DARK MODE === */
.dark {
  --color-bg: #08201E;
  --color-surface: #032D29;
  --color-surfaceAlt: #043B36;
  --color-fg: #F1F6F4;
  --color-fgMuted: #A9CCC9;
  --color-border: #35514D;
  --color-borderSubtle: #043B36;
  --color-primary: #A9CCC9;
  --color-primaryHover: #CFE3E1;
  --color-onPrimary: #08201E;
  --color-accent: #84BE9E;
  --color-accentHover: #B2D8C2;
  --color-onAccent: #08201E;
  --color-focus: #A9CCC9;
  --color-warningBg: #2E2211;
  --color-warningFg: #E8C89A;
  --color-warningDot: #D9963F;
}