/* ============ TOKEN LAYER — Carbon v11 (Gray-10, TS-branded) ============
   Every color, size, and gap is a named token (docs/UI-REDESIGN-PLAN.md).
   Navy owns "interactive". Gold is SEMANTIC: it marks the client's next
   required action — nowhere else. Legacy var names below are aliases so
   pre-redesign templates keep resolving until their own PR lands.        */
:root{
  --cds-background:#f4f4f4; --cds-layer:#ffffff; --cds-layer-accent:#e8e8e8;
  --cds-field:#f4f4f4; --cds-border-subtle:#e0e0e0; --cds-border-strong:#8d8d8d;
  --cds-text-primary:#161616; --cds-text-secondary:#525252; --cds-text-helper:#6f6f6f;
  --cds-link:#1A2E45; --cds-interactive:#1A2E45; --cds-interactive-hover:#10203a;
  --cds-brand:#1A2E45; --cds-attention:#C8A24B; --cds-attention-bg:#FBF3E1;
  --cds-attention-fg:#7a5c14; --cds-focus:#1A2E45;
  --cds-support-success:#24a148; --cds-support-error:#da1e28; --cds-support-warning:#b28600;
  --cds-tag-green-bg:#defbe6; --cds-tag-green-text:#0e6027;
  --cds-tag-red-bg:#fff1f1;  --cds-tag-red-text:#a2191f;
  --cds-tag-blue-bg:#eef2f7; --cds-tag-blue-text:#1A2E45;
  --cds-tag-gray-bg:#f1f3f5; --cds-tag-gray-text:#525252;
  --cds-tag-internal-bg:#FAEEDA; --cds-tag-internal-text:#854F0B;
  /* spacing — 8px scale only */
  --sp-2:4px; --sp-3:8px; --sp-4:12px; --sp-5:16px; --sp-6:24px; --sp-7:32px; --sp-8:40px;
  /* type — 4 productive sizes (12/14/16/26); nothing smaller than 12 */
  --type-label:12px; --type-body:14px; --type-heading:16px; --type-display:26px;
  /* softness — the brand keeps its rounded, gently-shadowed character
     (deliberate deviation from Carbon's radius-0; one token to revert) */
  --cds-radius:10px; --cds-radius-sm:8px;
  --cds-shadow:0 1px 3px rgba(16,32,58,.07), 0 4px 14px rgba(16,32,58,.05);
  --sans:'IBM Plex Sans','Segoe UI',system-ui,-apple-system,sans-serif; --mono:'IBM Plex Mono','Cascadia Mono','SFMono-Regular',Consolas,monospace;
  /* ---- legacy aliases (consumed by admin.html, landing.html, report.html;
          retire when each surface gets its redesign PR) ---- */
  --blue:var(--cds-brand); --blue-dark:var(--cds-interactive-hover);
  --blue-10:var(--cds-tag-blue-bg); --blue-20:#d6dfe9; --gold:var(--cds-attention);
  --ink:var(--cds-text-primary); --gray-70:var(--cds-text-secondary);
  --gray-50:var(--cds-text-helper); --border:var(--cds-border-subtle);
  --layer:var(--cds-layer); --bg:var(--cds-background);
  --green:var(--cds-support-success); --red:var(--cds-support-error);
  --amber:var(--cds-support-warning);
  --radius:var(--cds-radius); --shadow:var(--cds-shadow);
}

/* Product design aliases - UI specification v1. */
:root{
  --ui-space-xs:var(--sp-2); --ui-space-sm:var(--sp-3); --ui-space-md:var(--sp-4);
  --ui-space-lg:var(--sp-5); --ui-space-xl:var(--sp-6); --ui-space-2xl:var(--sp-7);
  --ui-type-label:var(--type-label); --ui-type-body:var(--type-body);
  --ui-type-card:var(--type-heading); --ui-type-section:22px; --ui-type-display:var(--type-display);
  --ui-line-label:16px; --ui-line-body:21px; --ui-line-section:28px; --ui-line-display:32px;
  --ui-control-height:40px; --ui-control-height-compact:32px;
  --ui-panel-radius:10px; --ui-control-radius:8px;
  --ui-content-max:1080px; --ui-context-width:288px; --ui-support-width:216px;
}

/* ============ v19.7.5 shared Gray-90 token scope ============
   Cockpit auxiliary pages use the same persisted theme as the main workspace. */
html[data-theme="g90"]{
  color-scheme:dark;
  --cds-background:#262626; --cds-layer:#393939; --cds-layer-accent:#474747;
  --cds-field:#474747; --cds-border-subtle:#525252; --cds-border-strong:#8d8d8d;
  --cds-text-primary:#f4f4f4; --cds-text-secondary:#c6c6c6; --cds-text-helper:#a8a8a8;
  --cds-link:#9db8d8; --cds-interactive:#4a7199; --cds-interactive-hover:#5a86b3;
  --cds-focus:#ffffff;
  --cds-tag-blue-bg:#31435e; --cds-tag-blue-text:#c6d4e8;
  --cds-tag-gray-bg:#474747; --cds-tag-gray-text:#c6c6c6;
  --cds-tag-green-bg:#0e3a1c; --cds-tag-green-text:#6fdc8c;
  --cds-tag-red-bg:#520408; --cds-tag-red-text:#ff8389;
  --cds-attention-bg:#3a3221; --cds-attention-fg:#e8d9a8;
  --cds-tag-internal-bg:#4a3a1f; --cds-tag-internal-text:#e3c878;
  --cds-shadow:none;
}