/* lahuerta — generado desde tokens.json (copia del design system, 10-11-2026). No editar a mano: cambiar tokens.json. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@700&family=Instrument+Sans:wght@400;500&family=Red+Hat+Display:wght@500;900&display=swap");

/* Tema Hueso (principal) */
:root {
  --surface: #F7F5F0;
  --surface-raised: #FFFFFF;
  --ink: #1E3B2A;
  --ink-muted: #4A5E50;
  --lima: #C9D46C;
  --on-lima: #1E3B2A;
  --brush: #111111;
  --white: #FFFFFF;
  --hairline: #E2DFD6;
  --font-logo: "Red Hat Display", system-ui, sans-serif;
  --font-display: "Archivo", system-ui, sans-serif;
  --font-sans: "Instrument Sans", system-ui, sans-serif;
  --logo-huerta: 900 96px/96px var(--font-logo);
  --logo-descriptor: 500 22px/28px var(--font-logo);
  --display: 700 72px/74px var(--font-display);
  --heading-1: 700 44px/48px var(--font-display);
  --heading-2: 700 28px/34px var(--font-display);
  --lead: 400 20px/30px var(--font-sans);
  --body: 400 17px/26px var(--font-sans);
  --label: 500 13px/16px var(--font-sans);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-5: 40px;
  --space-8: 64px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
}

/* Tema Verde: añadir data-theme="verde" al contenedor */
[data-theme="verde"] {
  --surface: #1E3B2A;
  --surface-raised: #24452F;
  --ink: #F7F5F0;
  --ink-muted: #C9D3CB;
  --lima: #C9D46C;
  --on-lima: #1E3B2A;
  --brush: #111111;
  --white: #FFFFFF;
  --hairline: #2F5A3F;
}