/* Cairn Life — colour tokens (design-system single source of truth)
   The palette is sampled from the cairn logo; stones map bottom→top:
   forest (Life plan) → sage (connective) → clay (Estates). */
:root{
  /* Brand stones */
  --forest:#365D49; --forest-deep:#062922; --forest-deeper:#041F1A; --forest-dark:#244033; --forest-mid:#4F7A63;
  --sage:#859E84; --sage-soft:#9DB7AA; --sage-tint:#E7EEEA;
  --clay:#F0631F; --clay-deep:#B4441A; --clay-tint:#FDEDE4;
  --cream:#F5F0EB; --stone-warm:#A8A890;
  /* Estate accent — cool slate */
  --estate:#46606E; --estate-dark:#33474F; --estate-mid:#9FB1BB; --estate-tint:#E7EDF1;
  /* Support blue */
  --support:#3B5BDB; --support-dark:#2346C0; --support-mid:#91A7FF; --support-tint:#EDF2FF;
  /* Neutrals */
  --black:#1A1A1A; --ink:#1A1A1A; --grey-900:#111111; --grey-700:#444444; --grey-600:#555555;
  --grey-500:#767676; --grey-400:#999999; --grey-300:#CCCCCC; --grey-200:#EAEAEA; --grey-100:#F5F5F5; --grey-50:#FAFAFA;
  --white:#FFFFFF; --border:#E0E0E0;
  /* Status */
  --danger:#C0392B; --success:#2E7D32; --success-tint:#E8F5E9; --warning:#E65100; --warning-tint:#FFF8E1; --info:#1565C0; --info-tint:#E3F2FF;
  /* ── Sidebar active markers — bright enough to read on the dark chrome ──
     Edit these two to recolour the LifeBook / Estate active bars app-wide. */
  --nav-active-life:   var(--sage);        /* #859E84 — LifeBook (green) */
  --nav-active-estate: var(--estate-mid);  /* #9FB1BB — Estate (slate)  */

  /* ── Warm cream scale (marketing / cream surfaces) — from DS handoff ──── */
  --cream-card:#FFFDF9; --cream-border:#E9E1D3;
  --warm-text:#5b5347; --warm-text-soft:#6B6456; --warm-muted:#8C8474; --warm-faint:#B0A793;

  /* ── Semantic surface / text / border aliases — from DS handoff ──────── */
  --surface-app:        var(--cream);          /* warm cream content canvas  */
  --surface-card:       var(--white);          /* app content cards          */
  --surface-card-warm:  var(--cream-card);     /* marketing / cream cards    */
  --surface-chrome:     var(--forest-deep);    /* nav, hero, footers         */
  --surface-sunken:     var(--grey-100);       /* recessed helper strips     */
  --text-strong:        var(--black);
  --text-body:          var(--grey-700);
  --text-muted:         var(--grey-500);
  --text-faint:         var(--grey-400);
  --text-on-chrome:     #C3D2C8;               /* body text on forest chrome */
  --text-on-chrome-soft:#9DB6A4;               /* labels on forest chrome    */
  --chrome-edge:        #0B3A30;               /* darker hairline on chrome  */
  --chrome-line:        rgba(255,255,255,.10); /* light hairline on chrome   */
  --chrome-fill:        rgba(255,255,255,.08); /* translucent fill on chrome */
  --border-subtle:      var(--border);
  --border-warm:        var(--cream-border);
  --accent-life:        var(--forest);         /* primary action / LifeBook  */
  --accent-estate:      var(--estate);         /* Estate                     */
  --accent-clay:        var(--clay);           /* top stone / highlight      */
  --accent-support:     var(--support);        /* help, guidance, progress   */

  /* ── Assist / accelerator surface (the pale blue "Suggested next steps") ─ */
  --surface-assist:     #F6F8FD;               /* accelerator card fill      */
  --border-assist:      #D7E0F4;               /* accelerator card border    */
  --assist-icon-bg:     #EDF1F8;               /* blue icon square           */
  --assist-drop-bg:     #F3F6FD;               /* dashed drag-and-drop zone  */
  --assist-text-muted:  #8A93A8;               /* muted blue-grey on assist  */

  /* ── Progress tiles (the "X of 18 pages" page squares) ───────────────── */
  --tile-done:          var(--forest);         /* page complete              */
  --tile-started:       #8FB29D;               /* page started               */
  --tile-started-bd:    #7E9A82;
  --tile-empty:         #EFE8DB;               /* not added yet              */
  --tile-empty-bd:      #DDD3C2;
  --tile-essential:     var(--clay);           /* orange essential-page dot  */
}