/* Generado desde lib/design-tokens.js — NO editar a mano */
@font-face {
  font-family: 'Archivo';
  src: url('/fonts/Archivo-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --color-carbon: #232323;
  --color-carbonSoft: #2D2D2D;
  --color-crema: #F2F1EC;
  --color-verde: #00C688;
  --color-verdeTexto: #00694A;
  --color-verdeOscuro: #006642;
  --color-magenta: #C6003E;
  --color-gris: #9A9A94;
  --color-fondoApp: #F9FAFB;
  --color-violeta: #6D28D9;
  --color-violetaSoft: #EDE9FE;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --shadow-card: 0 1px 3px rgba(35,35,35,0.08), 0 1px 2px rgba(35,35,35,0.04);
  --shadow-raised: 0 8px 24px rgba(35,35,35,0.12);
  --font-sans: 'Archivo', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-logo: 'Raleway', 'Archivo', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}