/* Tokens de diseño · La Gata del Born. Fuente: DESIGN.md. Los nombres son fijos; los valores los valida main_test.go (contraste AA). */
:root {
  --c-luna: #FBF1E4; --c-nube: #F7DFD6; --c-rosa: #F29AB1; --c-rosa-profundo: #D85A86; --c-coral: #FF7A5C;
  --c-sol: #F5B73A; --c-menta: #8FD6C4; --c-lavanda: #B7A3E6; --c-vino: #5B1736; --c-noche: #2A1745; --c-tinta: #3B2748;

  --g-cromo: linear-gradient(135deg, #fff 0%, #F7DFD6 28%, #F29AB1 52%, #B7A3E6 78%, #fff 100%);
  --g-atardecer: linear-gradient(180deg, #2A1745 0%, #5B1736 45%, #D85A86 78%, #F5B73A 100%);
  --g-halo: radial-gradient(circle, rgba(242, 154, 177, .55), transparent 65%);

  --bg: var(--c-luna); --fg: var(--c-tinta); --fg-strong: var(--c-vino);
  --stripe-3: linear-gradient(90deg, var(--c-rosa) 0 33.3%, var(--c-coral) 33.3% 66.6%, var(--c-sol) 66.6% 100%);

  --f-display: "Unbounded", system-ui, sans-serif; --f-accent: "Fraunces", Georgia, serif;
  --f-body: "DM Sans", system-ui, sans-serif; --f-mono: "Space Mono", ui-monospace, monospace;
  --t-hero: clamp(2.6rem, 7vw + 1rem, 6.5rem); --t-h1: clamp(2rem, 4.5vw + 1rem, 4rem);
  --t-h2: clamp(1.6rem, 3vw + .8rem, 2.6rem); --t-h3: 1.35rem; --t-body: 1.0625rem; --t-label: .8125rem;

  --r-s: 14px; --r-m: 28px; --r-l: 48px; --r-pill: 999px; --r-arco: 999px 999px 24px 24px;
  --bw: 3px; --shadow-hard: 6px 6px 0 var(--c-vino); --shadow-hard-lg: 9px 9px 0 var(--c-vino);
  --s-1: .5rem; --s-2: 1rem; --s-3: 1.5rem; --s-4: 2rem; --s-5: 3rem; --s-6: 4rem; --s-7: 4.5rem; --s-8: 6rem;
  --ease: cubic-bezier(.22, .9, .3, 1); --maxw: 1200px; --gutter: 16px;
}
@media (min-width: 1024px) { :root { --gutter: 32px; } }

/* Tema oscuro completo (opcional del sistema): marfil ↔ noche; el rosa se mantiene. */
@media (prefers-color-scheme: dark) {
  :root { --bg: var(--c-noche); --fg: var(--c-luna); --fg-strong: var(--c-nube); }
}