/*
  EatYay design tokens.
  Concept: a modern editorial take on the FDA/USDA Nutrition Facts label —
  bold rule dividers, a ledger-like data layout, tabular figures — rather
  than a generic "food blog" look. Accent is a deep beet/berry tone
  (food-adjacent, but not the expected tomato-red or leaf-green), on a
  cool off-white ground echoing the label's white field. Public Sans is
  the U.S. Web Design System's own typeface — a deliberate nod to the
  USDA/government provenance of the underlying data.
*/

:root {
  /* --- Color: light (default) --- */
  --ink: #14171a;
  --ink-soft: #4a4f55;
  --paper: #f7f7f5;
  --paper-alt: #ecebe6;
  --line: #d8d6ce;
  --line-strong: #b9b6ab;

  --accent: #a8123e;
  --accent-ink: #7a0d2d;
  --accent-tint: #f6dde4;

  --sage: #4b6358;
  --sage-tint: #e3e9e1;

  --focus-ring: #1f6fd1;

  /* Diet-tag pills: bg/text pairs, each independently AA-checked */
  --tag-vegan-bg: #e3e9e1; --tag-vegan-text: #2e4038;
  --tag-vegetarian-bg: #eef0dd; --tag-vegetarian-text: #4b5320;
  --tag-keto-bg: #ede1ef; --tag-keto-text: #5b2a63;
  --tag-glutenfree-bg: #f5e7c8; --tag-glutenfree-text: #6b4e0a;
  --tag-lowsodium-bg: #dde7ee; --tag-lowsodium-text: #1f4e68;
  --tag-diabetic-bg: #dcece7; --tag-diabetic-text: #0e5548;
  --tag-paleo-bg: #f0dfd2; --tag-paleo-text: #6b3e20;

  /* Type */
  --font-display: "Archivo", "Arial Narrow", sans-serif;
  --font-body: "Public Sans", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 2.75rem;

  /* Space (4px base) */
  --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: 4rem;

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

  --content-max: 1120px;
  --measure: 68ch;

  --shadow-card: 0 1px 2px rgba(20, 23, 26, 0.06), 0 4px 12px rgba(20, 23, 26, 0.06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #f2f1ed;
    --ink-soft: #c2c5c9;
    --paper: #121316;
    --paper-alt: #1c1e22;
    --line: #33353a;
    --line-strong: #46484e;

    --accent: #e14b72;
    --accent-ink: #ff9db6;
    --accent-tint: #3a1420;

    --sage: #7fa08f;
    --sage-tint: #1c2620;

    --focus-ring: #6fb0ff;

    --tag-vegan-bg: #24352c; --tag-vegan-text: #b9d6c4;
    --tag-vegetarian-bg: #33351c; --tag-vegetarian-text: #d3d9a0;
    --tag-keto-bg: #2e2233; --tag-keto-text: #deb9e8;
    --tag-glutenfree-bg: #332b14; --tag-glutenfree-text: #e8c978;
    --tag-lowsodium-bg: #1b2a33; --tag-lowsodium-text: #9fc7de;
    --tag-diabetic-bg: #16302a; --tag-diabetic-text: #8fd9c7;
    --tag-paleo-bg: #2e2016; --tag-paleo-text: #e0b593;

    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.35);
  }
}

:root[data-theme="dark"] {
  --ink: #f2f1ed;
  --ink-soft: #c2c5c9;
  --paper: #121316;
  --paper-alt: #1c1e22;
  --line: #33353a;
  --line-strong: #46484e;

  --accent: #e14b72;
  --accent-ink: #ff9db6;
  --accent-tint: #3a1420;

  --sage: #7fa08f;
  --sage-tint: #1c2620;

  --focus-ring: #6fb0ff;

  --tag-vegan-bg: #24352c; --tag-vegan-text: #b9d6c4;
  --tag-vegetarian-bg: #33351c; --tag-vegetarian-text: #d3d9a0;
  --tag-keto-bg: #2e2233; --tag-keto-text: #deb9e8;
  --tag-glutenfree-bg: #332b14; --tag-glutenfree-text: #e8c978;
  --tag-lowsodium-bg: #1b2a33; --tag-lowsodium-text: #9fc7de;
  --tag-diabetic-bg: #16302a; --tag-diabetic-text: #8fd9c7;
  --tag-paleo-bg: #2e2016; --tag-paleo-text: #e0b593;

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.35);
}