/* CrushEats community: every design token in one place. "The Fig" (Eduardo, 2026-09-30; confirmed 2026-10-18): the
   Crush Identity Kit, Round 5 Kit 01 - the heart is already inside the fig. The palette and the two fonts (Cormorant
   Garamond + Jost) come from static/brand/brand.css, loaded first; this file maps them onto the app's own --c-* names.
   Mission skin for the one primary action, fig flesh as an accent only (never body text, never a flood), fig leaf for
   trust/saved/following, fig seed in tiny gold doses for highlights. Light only, on the lighter "fig milk" surfaces
   (Eduardo 2026-10-18: the kit's paper was "way too yellow"): never dark, never neon - the app does not follow the
   device's dark mode on purpose. */

:root {
  color-scheme: light;

  /* colour: The Fig */
  --c-paper: var(--milk);         /* fig milk: the page */
  --c-card: var(--card);          /* cards, sheets */
  --c-ink: var(--damson);         /* damson: warm plum-black, for type only (never a background) */
  --c-ink-2: #4A3339;             /* secondary text */
  --c-ink-3: var(--ink-2);        /* muted: captions and meta (AA on paper and card) */
  --c-line: var(--hair);          /* hairlines */
  --c-line-2: var(--edge);        /* control borders (3:1) */
  --c-rose: var(--mission);       /* mission: Crush, the one primary action (white on it passes AA) */
  --c-rose-ink: var(--mission);   /* mission for small text */
  --c-rose-deep: var(--mission-deep); /* pressed / hover */
  --c-blush: #F1D3CE;             /* crushed state, chips, soft fills (from fig flesh) */
  --c-blush-wash: var(--flesh-wash);
  --c-basil: var(--leaf);         /* fig leaf: trust, saved, following, "good news" */
  --c-basil-ink: var(--leaf-ink);
  --c-pistachio: #D9DDC9;
  --c-pistachio-wash: var(--leaf-wash);
  --c-butter: #EBD7AE;            /* highlights and badges (from fig seed) */
  --c-focus: var(--focus);

  /* type */
  --f-display: var(--font-display);
  --f-body: var(--font-body);
  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-md: 1rem;
  --t-lg: 1.1875rem;
  --t-xl: 1.5rem;
  --t-2xl: 2rem;
  --t-3xl: 2.5rem;
  --lh-tight: 1.05;
  --lh-body: 1.55;
  --tracking-caps: 0.06em;

  /* space, shape, depth */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 28px;
  --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(52, 32, 42, 0.05), 0 2px 8px rgba(52, 32, 42, 0.04);
  --shadow-2: 0 10px 30px rgba(52, 32, 42, 0.10), 0 2px 8px rgba(52, 32, 42, 0.05);
  --shadow-3: 0 24px 60px rgba(52, 32, 42, 0.16);

  /* layout */
  --w-column: 620px;
  --w-rail: 300px;
  --w-nav: 232px;
  --h-tabbar: 64px;
  --h-topbar: 56px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --spring: cubic-bezier(0.3, 1.4, 0.5, 1);
}