/* KYC / AML Review Desk — shared enterprise slate theme.
   These token values are IDENTICAL across both layout options.
   Layouts differ only in spatial arrangement, never in palette or type. */
:root {
  /* Required tokens */
  --primary: #1e40af;
  --on-primary: #ffffff;
  --bg: #f1f5f9;
  --fg: #0f172a;
  --surface: #ffffff;
  --border: #e2e8f0;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Shared enterprise slate extensions */
  --surface-sunken: #f8fafc;
  --surface-rail: #0f172a;
  --rail-fg: #cbd5e1;
  --rail-fg-strong: #f8fafc;
  --rail-border: #1e293b;
  --rail-active: #1e293b;

  --muted: #64748b;
  --muted-strong: #475569;
  --border-strong: #cbd5e1;
  --primary-soft: #eff4ff;
  --primary-strong: #1b3a9c;

  /* Status semantics (calm, low-chroma) */
  --ok: #15803d;
  --ok-soft: #eaf7ee;
  --warn: #a16207;
  --warn-soft: #fdf6e3;
  --danger: #b42318;
  --danger-soft: #fdecea;
  --info: #1e40af;
  --info-soft: #eef2ff;
  --neutral-soft: #f1f5f9;

  /* Actor-kind chips (system / AI agent / human) */
  --actor-system: #475569;
  --actor-system-soft: #f1f5f9;
  --actor-agent: #6d28d9;
  --actor-agent-soft: #f4f0fd;
  --actor-human: #1e40af;
  --actor-human-soft: #eef2ff;

  /* Type scale */
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-base: 13px;
  --fs-md: 14px;
  --fs-lg: 17px;
  --fs-xl: 22px;
  --fs-kpi: 30px;

  /* Rhythm */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --radius: 6px;
  --radius-sm: 4px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 2px 8px rgba(15, 23, 42, 0.08);
}