/* =========================================================
   PATRAN FOODS DESIGN TOKENS
   Edit brand colors, typography, spacing and radii here.
   Component files consume these variables only.
   ========================================================= */
:root {
  --glass: rgba(255,255,255,.12);
  --focus-ring: 0 0 0 4px rgba(239,106,40,.25);
  --color-ink: #241614;
  --color-ink-soft: #4e3731;
  --color-cream: #fff8eb;
  --color-cream-2: #f5ead4;
  --color-paper: #fffdf7;
  --color-orange: #ef6a28;
  --color-orange-dark: #c84919;
  --color-harvest: #f3c45c;
  --color-indigo: #153f72;
  --color-indigo-dark: #0d294d;
  --color-green: #718d45;
  --color-green-dark: #40552b;
  --color-rust: #8b3022;
  --color-white: #ffffff;
  --color-black: #080808;
  --color-border: rgba(36, 22, 20, 0.16);
  --color-muted: #725f57;
  --shadow-xs: 0 2px 8px rgba(36, 22, 20, 0.08);
  --shadow-sm: 0 10px 28px rgba(36, 22, 20, 0.12);
  --shadow-md: 0 22px 56px rgba(36, 22, 20, 0.18);
  --shadow-lg: 0 34px 90px rgba(16, 8, 5, 0.28);

  --font-display: "Playfair Display", Georgia, serif;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;

  --text-xs: clamp(0.76rem, 0.72rem + 0.12vw, 0.84rem);
  --text-sm: clamp(0.88rem, 0.84rem + 0.15vw, 0.98rem);
  --text-base: clamp(1rem, 0.96rem + 0.18vw, 1.12rem);
  --text-lg: clamp(1.18rem, 1.04rem + 0.5vw, 1.48rem);
  --text-xl: clamp(1.6rem, 1.25rem + 1.1vw, 2.4rem);
  --text-2xl: clamp(2.4rem, 1.4rem + 3.1vw, 5.2rem);
  --text-hero: clamp(3.5rem, 1.9rem + 6.5vw, 9.4rem);

  --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;
  --space-10: 9rem;

  --radius-sm: 0.6rem;
  --radius-md: 1rem;
  --radius-lg: 1.8rem;
  --radius-xl: 3rem;
  --radius-pill: 999px;

  --container: 1280px;
  --container-wide: 1480px;
  --header-height: 82px;
  --transition-fast: 180ms cubic-bezier(.2,.8,.2,1);
  --transition: 420ms cubic-bezier(.2,.8,.2,1);
  --transition-slow: 800ms cubic-bezier(.16,1,.3,1);
  --z-header: 100;
  --z-menu: 120;
  --z-overlay: 200;
}