/* Tacos El Pericazo — brand tokens.
 * Fiesta palette anchored on cobalt blue with Mexican-flag red and a sun-warm
 * stack of secondary tints. Display in Fredoka (rounded, friendly), body in
 * Inter (legible at any size).
 */
:root {
  /* Brand colors */
  --t-cobalt:      #1a3a8f;
  --t-cobalt-deep: #0f2560;
  --t-cobalt-soft: #2a52b8;
  --t-red:         #e63946;
  --t-red-deep:    #c1232f;
  --t-orange:      #f4a261;
  --t-yellow:      #f4d35e;
  --t-green:       #2d6a4f;
  --t-cream:       #fefae0;
  --t-cream-warm:  #fbf3d4;
  --t-ink:         #1a1a1a;

  /* Map to boilerplate token slots */
  --brand-bg:        var(--t-cream);
  --brand-bg-alt:    var(--t-cream-warm);
  --brand-ink:       var(--t-ink);
  --brand-ink-soft:  #2e2e2e;
  --brand-muted:     #6f6a5a;
  --brand-line:      rgba(15, 37, 96, 0.10);

  --brand-accent:    var(--t-cobalt);
  --brand-accent-2:  var(--t-cobalt-soft);
  --brand-warm:      #f4ecc8;
  --brand-warning:   var(--t-red);

  /* Type */
  --font-display: 'Fredoka', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --fs-sm:   clamp(0.875rem, 0.85rem + 0.15vw, 0.9375rem);
  --fs-md:   clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --fs-lg:   clamp(1.15rem, 1.05rem + 0.4vw, 1.3rem);
  --fs-xl:   clamp(1.4rem, 1.25rem + 0.6vw, 1.65rem);
  --fs-2xl:  clamp(1.85rem, 1.5rem + 1.4vw, 2.5rem);
  --fs-3xl:  clamp(2.4rem, 1.8rem + 2.4vw, 3.75rem);
  --fs-4xl:  clamp(3rem, 2rem + 4.5vw, 5.75rem);

  /* Spacing / radii / shadows / motion (from boilerplate defaults) */
  --sp-1: 0.25rem; --sp-2: 0.5rem;  --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem;
  --sp-9: 6rem;    --sp-10: 8rem;

  --r-sm: 8px;  --r-md: 14px; --r-lg: 22px; --r-xl: 36px; --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 37, 96, .06), 0 1px 3px rgba(15, 37, 96, .04);
  --shadow-md: 0 8px 24px rgba(15, 37, 96, .10), 0 2px 6px rgba(15, 37, 96, .04);
  --shadow-lg: 0 24px 60px rgba(15, 37, 96, .14), 0 8px 18px rgba(15, 37, 96, .06);

  --container-max: 1180px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 160ms; --t-base: 280ms; --t-slow: 600ms;
}

/* Override base headings to lean on the Fredoka weight curve */
h1, h2, h3, h4 { font-weight: 600; letter-spacing: -0.01em; }
h1 { font-weight: 700; }
em { color: var(--t-red); font-style: normal; }