/* ISD Standard Sites — colour tokens
   Brand palette: ISD Brand Guidelines §3.1 (as recorded in all three source repos).
   Tints: 80/60/40/20% over white (template-studio tokens/colors.css).
   Product sections below keep the exact names the source code uses. */
:root{
  /* ---- Brand palette ---- */
  --isd-red:#C7074D;          /* Pantone 7636 · primary, used in logo */
  --isd-dark-grey:#5C6771;    /* Pantone 431 · secondary / body text */
  --isd-blue:#0068B2;         /* Pantone 307 */
  --isd-coral:#E76863;        /* Pantone 7416 */
  --isd-purple:#4C4193;       /* Pantone 7672 */
  --isd-light-grey:#B4B2B1;   /* Cool Gray 5 */
  --isd-red-deep:#A40640;     /* hover/pressed on red (Caversham, MEL) */
  --isd-red-hover:#9A0639;    /* link hover (Studio) */

  /* ---- Tints (over white) ---- */
  --isd-red-80:#CF315F;--isd-red-60:#DC6585;--isd-red-40:#E899B0;--isd-red-20:#F4CCD7;--isd-red-05:#FDF3F5;
  --isd-dark-grey-80:#757E87;--isd-dark-grey-60:#8E959D;--isd-dark-grey-40:#ADB2B8;--isd-dark-grey-20:#D6D9DB;
  --isd-blue-80:#3686C1;--isd-blue-60:#66A4D1;--isd-blue-40:#99C2E0;--isd-blue-20:#CCE1F0;
  --isd-coral-80:#EC8682;--isd-coral-60:#F1A4A1;--isd-coral-40:#F5C3C1;--isd-coral-20:#FAE1E0;
  --isd-purple-80:#6F66A9;--isd-purple-60:#938CBE;--isd-purple-40:#B7B3D4;--isd-purple-20:#DBD9E9;
  --isd-light-grey-80:#C2C1C0;--isd-light-grey-60:#D2D1D1;--isd-light-grey-40:#E1E0E0;--isd-light-grey-20:#F0F0F0;

  /* ---- Surfaces ---- */
  --surface-paper:#FAF6F2;    /* warm off-white canvas (Caversham, MEL) */
  --surface-white:#FFFFFF;
  --surface-tint:#F2EEE9;     /* one step darker than paper */
  --surface-muted:#F4F4F3;    /* cool grey app ground (Studio) */
  --surface-ink:#1C2024;      /* near-black: dark buttons, editor's-note box */
  --surface-card:#FFFFFF;
  --surface-sheet:#FAFAF8;    /* on-screen document page */

  /* ---- Foregrounds ---- */
  --fg-1:#1C2024;             /* headlines / strong text */
  --fg-2:#5C6771;             /* body (== ISD dark grey) */
  --fg-3:#8A929B;             /* captions / meta */
  --fg-3-strong:#646D76;      /* meta that must pass AA on white (Caversham --ink3) */
  --fg-inverse:#FFFFFF;
  --fg-brand:#C7074D;
  --fg-link:var(--isd-red);
  --fg-link-hover:var(--isd-red-hover);

  /* ---- Borders ---- */
  --border-soft:#E7E3DD;      /* warm hairline */
  --border-mid:#D6D2CB;       /* warm control border (Caversham --rule2) */
  --border-strong:#B4B2B1;
  --rule:#DCDDDE;             /* cool hairline (Studio) */
  --divider-red:var(--isd-red);

  /* ---- Status (derived, not in brand book) ---- */
  --status-info:var(--isd-blue);--status-info-bg:var(--isd-blue-20);
  --status-warning:var(--isd-coral);--status-warning-bg:var(--isd-coral-20);
  --status-success:#2F8F5C;--status-success-bg:#E2F0E8;
  --status-danger:var(--isd-red);--status-danger-bg:var(--isd-red-20);

  /* ---- Actors (Interference Tracker palette; actor data only) ---- */
  --actor-russia:#0068B2;--actor-china:#C7074D;--actor-iran:#3A8A6E;--actor-untracked:#8A929B;

  /* ---- Section rules & data-viz (Caversham system.css) ---- */
  --bar-gold:#D4A843;--bar-coral:#E76863;--bar-navy:#1F2E47;--bar-plum:#7A5195;--bar-indigo:#4C4193;--bar-slate:#5C6771;
  --wine:#8B2C3F;--cream:#F5F0E8;--flash:#F4CDDB;--fade:#DEE1E3;
  --signal-wash:rgba(199,7,77,.08);--signal-wash2:rgba(199,7,77,.16);--signal-wash3:rgba(199,7,77,.22);
  --type-cyber:#1F2E47;--type-kinetic:#8B2C3F;--type-info:#D4A843;--type-finance:#E76863;--type-political:#4C4193;
  --accent-teal:#2B7A6B;--accent-lightblue:#5B9FCC;--accent-pink:#D4587A;

  /* ---- Caversham aliases (names as in web/src/styles/global.css) ---- */
  --paper:#FAF6F2;--panel:#FFFFFF;--tint:#F2EEE9;--ink:#1C2024;--ink2:#5C6771;--ink3:#646D76;--rule2:#D6D2CB;--signal:#C7074D;--on-ink:#FFFFFF;--signal-deep:#A40640;
  --bar-h:8px;--plate-x:20px;--plate-gap:14px;

  /* ---- MEL Toolkit step colours (content.js) ---- */
  --step-1:#4C4193;--step-2:#0068B2;--step-3:#E76863;--step-4:#C7074D;
}