/* MealMatrix — design tokens. Change the identity here. */
:root {
  /* Brand — Premium Forest Green */
  --forest-950: #0B2519;
  --forest-900: #0F3324;
  --forest-800: #123D2B;
  --green-700: #176B45;
  --green-600: #1A8255;
  --emerald-500: #20A56B;
  --emerald-300: #7DD3A8;
  --mint-100: #DDF5E7;
  --mint-50: #EEF9F2;

  /* Warm food accents (used sparingly) */
  --saffron-500: #E8A33D;
  --saffron-100: #FCEFD8;
  --chilli-500: #C8502A;

  /* Neutrals */
  --ivory: #FAF8F1;
  --ivory-2: #F3F0E5;
  --white: #FFFFFF;
  --ink: #18251F;
  --ink-2: #2C3B33;
  --muted: #5F6D65;
  --line: rgba(18, 61, 43, 0.12);
  --line-strong: rgba(18, 61, 43, 0.22);

  /* Status */
  --ok: #1A8255;
  --warn: #B7791F;
  --danger: #B42318;

  /* Typography */
  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-sans: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.3rem;
  --fs-display-3: clamp(1.5rem, 1.1rem + 1.3vw, 2.1rem);
  --fs-display-2: clamp(2rem, 1.3rem + 2.4vw, 3.3rem);
  --fs-display: clamp(2.6rem, 1.5rem + 4vw, 5rem);
  --fs-display-xl: clamp(2.8rem, 1.4rem + 5vw, 6rem);

  /* Spacing (8pt) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --section-y: clamp(72px, 9vw, 136px);
  --gutter: clamp(16px, 4vw, 40px);
  --container: 1240px;

  /* Shape */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Elevation — layered, green-tinted */
  --sh-1: 0 1px 2px rgba(15, 51, 36, 0.06), 0 2px 8px rgba(15, 51, 36, 0.05);
  --sh-2: 0 2px 4px rgba(15, 51, 36, 0.05), 0 10px 28px -6px rgba(15, 51, 36, 0.14);
  --sh-3: 0 4px 10px rgba(15, 51, 36, 0.06), 0 28px 60px -18px rgba(15, 51, 36, 0.28);
  --sh-float: 0 1px 1px rgba(15, 51, 36, 0.04), 0 14px 34px -10px rgba(15, 51, 36, 0.30), 0 40px 80px -30px rgba(15, 51, 36, 0.25);

  /* Motion */
  --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-med: 320ms;
  --t-slow: 700ms;

  --header-h: 72px;
  color-scheme: light;
}