/* The Garrison Teatinos — design tokens (color, tipografía, espaciado). Ver context.md §4-§5. */

:root {
  /* Color — ver context.md §5.2 */
  --color-bg: #0b0b0d;
  --color-surface: #161418;
  --color-surface-alt: #1f1b1e;
  --color-text: #f4efe6;
  --color-text-muted: #b8afa0;
  --color-burgundy: #7a1f2b;
  --color-border: rgba(244, 239, 230, 0.12);

  /* Tipografía — ver context.md §4.2 */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-script: "Caveat", cursive;

  /* Acento vintage años 20 — uso puntual y acotado, ver context.md §4.2.1 */
  --font-vintage-display: "Cinzel", "Fraunces", Georgia, serif;
  --font-vintage-text: "EB Garamond", "Fraunces", Georgia, serif;

  /* Escala tipográfica modular (ratio ~1.25) */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.563rem;
  --font-size-xl: 1.953rem;
  --font-size-2xl: 2.441rem;
  --font-size-3xl: 3.052rem;
  --font-size-4xl: 3.815rem;

  /* Espaciado */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6.5rem;

  --max-width: 1180px;
  --radius: 4px;
  --transition: 200ms ease;
}