/* Colors — Simpli Management 2.0.
   Rebuilt as a real system: one brand ramp derived from #6d30a7, one cool-ink neutral ramp for the
   product UI, one warm-paper ramp for marketing, and semantic aliases that are the only thing
   components consume. As-shipped literals live in legacy-shipped.css and are NOT part of this system. */
:root{
  /* ---------- Brand ramp (derived from #6d30a7, which stays the 600 step) ---------- */
  --purple-50:#F6F1FC;
  --purple-100:#ECE0F9;
  --purple-200:#D9C1F2;
  --purple-300:#BF98E8;
  --purple-400:#A26FD9;
  --purple-500:#864BC3;
  --purple-600:#6D30A7;
  --purple-700:#59268A;
  --purple-800:#431C69;
  --purple-900:#2C1246;
  --purple-950:#190A29;

  /* ---------- Ink: the product's neutral ramp (cool, faintly violet) ---------- */
  --ink-0:#FFFFFF;
  --ink-25:#FAFAFC;
  --ink-50:#F4F4F8;
  --ink-100:#E7E7EE;
  --ink-200:#CFCFDB;
  --ink-300:#A8A8BC;
  --ink-400:#7C7C93;
  --ink-500:#5B5B70;
  --ink-600:#414154;
  --ink-700:#2E2E3D;
  --ink-750:#26262F;
  --ink-800:#1D1D26;
  --ink-850:#17171E;
  --ink-900:#121218;
  --ink-950:#0C0B10;

  /* ---------- Supporting hues (new: the product had none that were usable) ---------- */
  --teal-400:#4FB8A8;   /* second data series, positive deltas on dark */
  --teal-600:#2E8577;
  --sand-400:#E3B341;   /* third data series, attention without alarm */
  --sand-600:#B08420;
  --rose-400:#E9657B;   /* fourth data series, negative deltas */
  --rose-600:#C0344C;

  /* ---------- Status ---------- */
  --success-400:#3DBE8B; --success-500:#1FA97C; --success-600:#16855F;
  --warning-400:#EDB84A; --warning-500:#E0A526; --warning-600:#B07F14;
  --danger-400:#F0716F;  --danger-500:#E24C4B;  --danger-600:#BC3130;
  --info-400:#7C99FF;    --info-500:#5B7CFA;    --info-600:#3F5CD1;

  /* ---------- Alphas ---------- */
  --brand-a08:rgba(109,48,167,.08);
  --brand-a12:rgba(109,48,167,.12);
  --brand-a18:rgba(109,48,167,.18);
  --brand-a24:rgba(109,48,167,.24);
  --brand-a40:rgba(109,48,167,.40);
  --white-a04:rgba(255,255,255,.04);
  --white-a06:rgba(255,255,255,.06);
  --white-a10:rgba(255,255,255,.10);
  --white-a16:rgba(255,255,255,.16);
  --ink-a06:rgba(12,11,16,.06);
  --ink-a10:rgba(12,11,16,.10);
  --ink-a40:rgba(12,11,16,.40);
  --ink-a64:rgba(12,11,16,.64);

  /* ================= SEMANTIC — components consume only these ================= */
  /* Brand */
  --brand:var(--purple-600);
  --brand-hover:var(--purple-500);
  --brand-active:var(--purple-700);
  --brand-subtle:var(--brand-a12);
  --brand-subtle-hover:var(--brand-a18);
  --brand-on:var(--ink-0);
  --brand-text:var(--purple-300);        /* purple as a text color on dark */
  --brand-text-on-light:var(--purple-700);
  --focus-ring:0 0 0 3px var(--brand-a40);

  /* Product (dark) surfaces — four steps, not fourteen */
  --surface-canvas:var(--ink-950);
  --surface-sunken:#08080C;
  --surface:var(--ink-900);
  --surface-raised:var(--ink-850);
  --surface-overlay:var(--ink-800);
  --surface-hover:var(--white-a04);
  --surface-selected:var(--brand-a12);
  --surface-field:#0F0F15;
  --border-subtle:var(--white-a06);
  --border:var(--white-a10);
  --border-strong:var(--white-a16);

  /* Product text */
  --text:var(--ink-50);
  --text-strong:var(--ink-0);
  --text-secondary:var(--ink-300);
  --text-muted:var(--ink-400);
  --text-on-brand:var(--ink-0);
  --text-link:var(--purple-300);
  --text-link-hover:var(--purple-200);

  /* Marketing (light) surfaces */
  --page:var(--ink-0);
  --page-alt:var(--ink-25);
  --page-tint:var(--purple-50);
  --page-ink:var(--ink-950);          /* dark sections inside the light site */
  --border-light:var(--ink-100);
  --border-light-strong:var(--ink-200);
  --text-on-light:var(--ink-800);
  --text-on-light-strong:var(--ink-950);
  --text-on-light-muted:var(--ink-500);

  /* Email (light, deliverable) */
  --email-page:#F4F4F8;
  --email-card:#FFFFFF;
  --email-accent:var(--purple-600);
  --email-text:#26262F;
  --email-muted:#5B5B70;
  --email-border:#E7E7EE;

  /* Status semantics */
  --success:var(--success-500); --success-text:var(--success-400); --success-subtle:rgba(31,169,124,.14); --success-border:rgba(31,169,124,.32);
  --warning:var(--warning-500); --warning-text:var(--warning-400); --warning-subtle:rgba(224,165,38,.14); --warning-border:rgba(224,165,38,.32);
  --danger:var(--danger-500);   --danger-text:var(--danger-400);   --danger-subtle:rgba(226,76,75,.14);   --danger-border:rgba(226,76,75,.32);
  --info:var(--info-500);       --info-text:var(--info-400);       --info-subtle:rgba(91,124,250,.14);    --info-border:rgba(91,124,250,.32);
  --neutral-subtle:var(--white-a06); --neutral-border:var(--white-a16);

  /* Data visualisation — ordered, distinguishable, brand-led */
  --chart-1:var(--purple-500);
  --chart-2:var(--teal-400);
  --chart-3:var(--sand-400);
  --chart-4:var(--purple-300);
  --chart-5:var(--rose-400);
  --chart-6:var(--ink-400);
  --chart-grid:var(--white-a06);
  --chart-axis:var(--ink-400);
  --chart-fill-1:rgba(134,75,195,.22);
  --chart-fill-2:rgba(79,184,168,.18);
}