:root {
  /* ── Kokum ink / structural scale ──────────────────────────────
     Historically an "indigo" ramp; remapped to Kokum's warm plum-ink
     family for the KokumHq suite reskin. Token names kept stable so the
     swap stays a pure value change with no call-site churn.
       900 = rind (dark surfaces + darkest ink)
       800 = mid warm ink
       700 = deep rosewater (active-on-dark / muted tab)
       600 = rosewater (rules, borders, focus, marks)
       200..50 = plum tints */
  --indigo-900: #24081A;
  --indigo-800: #5C3A4B;
  --indigo-700: #9C4F63;
  --indigo-600: #B4697A;
  --indigo-200: #DFC0C9;
  --indigo-100: #EAD7DD;
  --indigo-50:  #F6EAEE;

  /* Kokum accent (was "Saffron"). Deep kokum for buttons/accents on light;
     use rosewater (--indigo-600) for accents on dark surfaces. */
  --saffron:       #8E1638;
  --saffron-light: #F4E0E6;
  --saffron-dark:  #6E102B;

  /* Surfaces — sourcream page, off-white cards, rind overlay */
  --page-bg:  #F0E9DC;
  --panel-bg: #E7DECB;
  --white:    #FFFDF9;
  --overlay-bg: rgba(36, 8, 26, 0.45);

  /* Text — warm Kokum ink */
  --text-dark:  #24081A;
  --text-body:  #5C3A4B;
  --text-muted: #7A6070;

  /* Borders */
  --border:       #E5D9C6;
  --border-md:    #D8CBB4;
  --border-focus: #B4697A;

  /* Semantic data colours — Kokum rule: these appear in the product's data
     surfaces (readiness bands, heatmaps) only, never in marketing. Left as
     legible signal colours; marketing mocks are recoloured to the plum ramp. */
  --green:       #059669;
  --green-light: #D1FAE5;
  --green-dark:  #065F46;
  --red:         #DC2626;
  --red-light:   #FEE2E2;
  --red-dark:    #7F1D1D;
  --amber:       #D97706;
  --amber-light: #FEF3C7;
  --amber-dark:  #78350F;

  /* Layout */
  --sidebar-w: 228px;

  /* Fonts — Kokum editorial pairing (Fontshare) */
  --font-display: 'Zodiak', serif;
  --font-body: 'Switzer', sans-serif;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
}