/* Ported 1:1 from src/app/globals.css @theme (WellPicks v2 locked visual system) */
:root {
  --color-ink: #1f1b18;
  --color-brown: #78350f;
  --color-muted: #8b7355;
  --color-faint: #c9bba5;
  --color-hairline: #efeae0;
  --color-cream: #faf6ef;
  --color-sand: #f5edde;
  --color-sandline: #e7dfc8;
  --color-orange: #f97316;
  --color-orange-dark: #ea580c;
  --color-score-green: #16a34a;
  --color-score-yellow: #eab308;
  --color-score-red: #dc2626;
  --color-cal: #dc2626;
  --color-protein: #b45309;
  --color-carbs: #ca8a04;
  --color-fat: #4d7c0f;
  --color-white: #ffffff;
  --color-black: #0f0d0b;

  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;

  --shadow-float: 0 10px 26px rgba(31, 27, 24, 0.1);
  --shadow-float-sm: 0 8px 18px rgba(31, 27, 24, 0.08);
  --shadow-float-lg: 0 14px 30px rgba(31, 27, 24, 0.2);
  --shadow-cta: 0 12px 26px rgba(31, 27, 24, 0.3);
  --shadow-chain: 0 6px 16px rgba(31, 27, 24, 0.16);

  --radius-card: 14px;
  --radius-row: 16px;
  --radius-pill: 999px;

  --container-max: 1180px;
  --section-pad-y: clamp(64px, 9vw, 128px);
}