/* ==========================================================================
   Global Design Tokens — Proyecto: Nos Casamos
   ========================================================================== */

:root {
  /* Palette */
  --color-primary: #D94B36;
  --color-burgundy: #802A1D;
  --color-cream: #FBEBD5;
  --color-cream-soft: rgba(251, 235, 213, 0.7);
  --color-cream-light: rgba(251, 235, 213, 0.3);
  --color-on-primary: var(--color-cream);
  --color-primary-focus: rgba(217, 75, 54, 0.35);
  --color-primary-border: rgba(217, 75, 54, 0.32);
  --color-primary-tint: rgba(217, 75, 54, 0.08);
  --color-cream-focus: rgba(251, 235, 213, 0.55);

  /* Typography — Exclusively local project fonts from assets/fonts */
  --font-menu: 'FuzzyBubbles-Bold';
  --font-title: 'FuzzyBubbles-Regular';
  --font-names: 'BlindmatteDemo-V486Z';

  /* Spacing & Layout (Mobile First) */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  --container-inline-padding: clamp(0.75rem, 3.5vw, 1.5rem);

  /* Z-index layers */
  --z-base: 1;
  --z-content: 10;
  --z-nav: 20;

  /* Animation tokens */
  --ease-handwriting: cubic-bezier(0.35, 0.05, 0.55, 0.95);
  --transition-link: opacity 0.2s ease, transform 0.2s ease;
}