/* admin-tokens.css — single source of visual decisions for the admin workspace.
 * Palette/typography/radii extracted from Claude outputs/redesign-mockups-v2/ (12 mockups).
 * Names are semantic, not chromatic. This is the ONLY file that may hold raw hex
 * values (plus documented SVG/alpha exceptions in admin-base.css). ISC-84/86/89. */
:root {
  /* Surfaces */
  --bg: #F5EEE7;            /* page background */
  --surface: #FBF7F2;       /* sidebar / warm raised */
  --paper: #FFFDFA;         /* cards, inputs, popovers */
  --surface-2: #FAF6F1;     /* table header rows */
  --surface-3: #F7F2EC;     /* stat tiles */
  --tint: #F1E9E0;          /* tag fills, row separators */
  --tint-2: #EFE6DC;        /* sidebar badges, card separators */
  --tint-3: #F3ECE4;        /* meta chips (UCR detail) */
  --white: #FFFFFF;

  /* Borders */
  --border: #E7DDD3;
  --border-soft: #E3D9CE;
  --border-strong: #CDBFB1; /* dashed affordances */

  /* Ink */
  --ink: #1D1916;
  --ink-2: #4A423C;
  --ink-muted: #6E655E;
  --ink-faint: #8C837B;

  /* Accent (purple) */
  --accent: #5A3E9E;        /* links, primary accent buttons */
  --accent-deep: #3F2A75;   /* active nav ink, integrity chips */
  --accent-strong: #4B3288; /* chart bars */
  --accent-bg: #EEE8F8;
  --accent-soft: #A895D8;
  --accent-border: #D9CBEA; /* hairline on accent-tinted panels */

  /* Warning (amber) */
  --warn-ink: #8A5300;
  --warn: #C98A12;
  --warn-bg: #FDF1DC;
  --warn-border: #EFD9A8;   /* hairline on warn-tinted panels */

  /* Danger (red) */
  --danger-ink: #A4262C;
  --danger-ink-2: #6E2A2C;
  --danger-bg: #FBE9E8;
  --danger-soft: #D98C86;   /* chart bars */
  --danger-border: #ECC7C3; /* hairline on danger-tinted panels */

  /* Success (green) */
  --ok-ink: #1E6B45;
  --ok-bg: #E4F2EA;
  --ok-border: #BCDCC9;     /* hairline on ok-tinted panels */

  /* Row tints */
  --row-failed: #FFF9F8;
  --row-outlier: #FFFBF3;

  /* Typography */
  --font-display: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  --fs-eyebrow: 11px;
  --fs-label: 12px;
  --fs-small: 13px;
  --fs-body: 14px;
  --fs-item: 15px;
  --fs-h3: 18px;
  --fs-h2: 20px;
  --fs-h1: 34px;

  /* Radii */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-2xl: 18px;
  --r-pill: 999px;

  /* Spacing scale (4px base) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;

  /* Elevation */
  --shadow-pop: 0 10px 30px rgba(29, 25, 22, 0.18);
  --shadow-panel: -12px 0 32px rgba(29, 25, 22, 0.06);
  --ring: 0 0 0 4px var(--accent-bg);
  --ink-alpha-18: rgba(29, 25, 22, 0.18);
  --ink-alpha-06: rgba(29, 25, 22, 0.06);
  --ink-alpha-40: rgba(29, 25, 22, 0.40); /* overlay scrims */
  --ink-alpha-58: rgba(29, 25, 22, 0.58); /* confirm-dialog backdrop */

  /* Unified order state map (ISC-69): chip/bg pairs per unified_state */
  --state-failed-ink: var(--danger-ink);
  --state-failed-bg: var(--danger-bg);
  --state-qa-ink: var(--warn-ink);
  --state-qa-bg: var(--warn-bg);
  --state-integrity-ink: var(--accent-deep);
  --state-integrity-bg: var(--accent-bg);
  --state-payment-ink: var(--ink-faint);
  --state-payment-bg: var(--tint);
  --state-ok-ink: var(--ok-ink);
  --state-ok-bg: var(--ok-bg);
  --state-neutral-ink: var(--ink-2);
  --state-neutral-bg: var(--tint-2);

  /* Layout */
  --sidebar-w: 232px;
  --page-pad: var(--sp-6) var(--sp-10) var(--sp-10);
  --page-gap: var(--sp-5);
  --control-h: 40px;
  --control-h-sm: 36px;
  --control-h-xs: 34px;
}