/* Visual primitives for the fitness app.
 *
 * CSS values live here so the Zero graph can stay focused on structure and
 * class names. app.css should reference these tokens instead of carrying raw
 * color literals.
 *
 * Color: "Logbook, In Color" per the design-system SDD
 * (world /spec-driven-development/fitnessappv2/design-system.md, 2026-07-11).
 * Green-tinted ground with three layered surface levels (ground -> surface ->
 * raised) carrying definition instead of hairline rules; lime #c6f23a is the
 * single accent voice for everything actionable (glow included). The RIR triad
 * (hard/mod/easy = red/amber/green) is byte-unchanged and remains the one
 * place color carries state. --chrome is the PWA's real chrome color
 * (manifest.json's background_color/theme_color, echoed verbatim in the
 * theme-color meta tag renderHeadOut emits — both outside this repo's CSS
 * surface, so they carry the literal hex, never a var()); --bg aliases it so
 * the on-screen ground and the OS-level chrome never drift apart. --wash is
 * the SDD's one ambient use of the accent hue (R1), painted once on the body.
 * accent-2 remains an alias of accent until every consumer is restyled.
 *
 * Spacing/type: 4px-based scale per
 * knowledge/app-design-craft/spacing-type-scale-2026-07.md (Atlassian 8px
 * base w/ 4px subdivisions; Apple Dynamic Type, 17px "arm's length" floor).
 */
:root {
  color-scheme: dark;

  --accent-rgb: 198 242 58;
  --accent-2-rgb: 198 242 58;
  --text-rgb: 242 245 239;

  --chrome: #0c110d;
  --bg: var(--chrome);
  --surface: #141b15;
  --raised: #1d2718;
  --accent: #c6f23a;
  --accent-2: rgb(var(--accent-2-rgb));
  --accent-ink: #131803;
  --glow: rgba(198, 242, 58, .14);
  --wash: radial-gradient(120% 60% at 85% -5%, rgba(198, 242, 58, .07), transparent 55%);
  --danger: #ff8f8f;
  --rir-hard: #ef4444;
  --rir-mod: #ffd479;
  --rir-easy: #8fe39b;
  --ink: #f2f5ef;
  --text: var(--ink);
  --muted: rgb(var(--text-rgb) / .62);
  --dim: rgb(var(--text-rgb) / .78);
  --line: rgba(214, 232, 210, .10);
  --line-strong: rgba(214, 232, 210, .16);

  --r-sm: 2px;
  --r-lg: 12px;
  --r-card: 16px;
  --r-row: 14px;
  --r-chip: 10px;
  --r-pill: 999px;

  --t: .16s;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-action-clearance: 128px;

  --text-3xs: .6875rem;
  --text-2xs: .75rem;
  --text-xs: .8125rem;
  --text-sm: .9375rem;
  --text-base: 1rem;
  --text-md: 1.0625rem;
  --text-2xl: 2.15rem;
}