/* Source of truth: AnxietyTracker/Views/Components/DesignSystem.swift + website/css/style.css */
:root{
  /* ── Surfaces (warm sand) ── */
  --sand:#F4EADC;
  --sand-2:#EFE2D0;
  --card:#FCF7EE;
  --card-2:#F8EFDF;
  --linen:#FFF8EE;
  --warm-white:#FFF6EE;

  /* ── Ink (text) ── */
  --ink:#2B1D1A;
  --ink-2:#5C463E;
  --ink-3:#8B7468;
  --ink-4:#B7A493;

  /* ── Lines ── */
  --line:rgba(43,29,26,.08);
  --line-strong:rgba(43,29,26,.14);

  /* ── Brand (terracotta) ── */
  --crimson:#C0584B;
  --crimson-deep:#9F4338;
  --crimson-tint:#E5A99F;
  --clay:#D77364;
  --clay-tint:#F2C8BE;
  --peach:#F2DCC9;
  --peach-2:#E8C5AB;

  /* ── Wellness accents ── */
  --sage:#A6B89A;
  --sage-tint:#DDE5D5;
  --sage-deep:#7C9170;
  --sky:#94B0C2;
  --sky-tint:#D3DEE6;
  --sky-deep:#5E7B95;
  --honey:#D9B273;
  --honey-tint:#ECDCBC;
  --mauve:#B59AA8;
  --mauve-tint:#E2D5DB;

  /* ── Intensity ramp 1–5 (heat map, never "danger") ── */
  --i1:#EFE2D0;
  --i2:#E8C5AB;
  --i3:#DC9886;
  --i4:#C0584B;
  --i5:#8C3328;

  /* ── Semantic aliases ── */
  --bg-page:var(--sand);
  --bg-page-alt:var(--sand-2);
  --bg-scroll:var(--linen);
  --surface-card:var(--card);
  --surface-card-raised:var(--card-2);
  --surface-inverse:var(--ink);
  --text-heading:var(--ink);
  --text-body:var(--ink-2);
  --text-muted:var(--ink-3);
  --text-faint:var(--ink-4);
  --text-on-brand:var(--warm-white);
  --text-on-inverse:var(--sand);
  --border-hairline:var(--line);
  --border-strong:var(--line-strong);
  --accent:var(--crimson);
  --accent-pressed:var(--crimson-deep);
  --accent-soft:var(--peach);
  --accent-on-dark:var(--sage);
  --insight:var(--sage);
  --insight-soft:var(--sage-tint);
  --focus-ring:var(--crimson);
}

[data-theme="dark"]{
  --sand:#1A130F;
  --sand-2:#221814;
  --card:#261B16;
  --card-2:#2E211B;
  --linen:#1A130F;
  --ink:#F4EADC;
  --ink-2:#C9B7A6;
  --ink-3:#95816F;
  --ink-4:#6B5A4E;
  --line:rgba(244,234,220,.10);
  --line-strong:rgba(244,234,220,.16);
  --crimson-tint:#6B2018;
  --peach:#3A2620;
  --text-on-inverse:var(--ink);
  --surface-inverse:#0F0A08;
}