/* Chicken Rice Art · design tokens (brand palette from the brief) */
:root {
  /* surfaces */
  --c-bg: #121212;
  --c-bg-2: #1a1a1a;
  --c-bg-3: #232323;
  --c-line: #2e2e2e;

  /* brand */
  --c-red: #e63946;
  --c-red-deep: #d90429;
  --c-yellow: #ffb703;
  --c-orange: #f4a261;
  --c-cream: #fffbeb;

  /* text */
  --c-text: #f8f9fa;
  --c-text-mute: #b3b6ba;
  --c-ink: #121212;

  /* sauce swatches (used by chips + filters) */
  --s-kori: #f2c230;
  --s-mantar: #efe6d2;
  --s-barbeku: #7a2416;
  --s-napoliten: #d9452b;
  --s-acili: #b3201a;
  --s-meksika: #8fae2e;

  /* type */
  --font-display: "Bebas Neue", "Oswald", Impact, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: clamp(2rem, 6vw, 3rem);
  --text-3xl: clamp(2.75rem, 10vw, 5.5rem);
  --text-display: clamp(3.5rem, 15vw, 9.5rem);

  /* space · 4pt */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur-med: 280ms;

  --focus: var(--c-yellow);
  --gutter: 16px;
  --maxw: 1200px;
}