/* Shared semantic palette for the PSI workbench, AI assistant and admin. */
:root {
  color-scheme: light;
  --bg: #f3f6fa;
  --surface: #ffffff;
  --surface-raised: var(--surface);
  --surface-low: #f7f9fc;
  --surface-container: #eef3f8;
  --surface-high: #e3eaf2;
  --surface-soft: #f5f8fb;
  --surface-strong: #d5e0eb;
  --border: #d8e0ea;
  --border-strong: #aebdcb;
  --text: #16212f;
  --muted: #536274;
  --muted-soft: #536274;
  --outline-variant: #c6d1dc;
  --accent: #3f6f9f;
  --accent-strong: #244b73;
  --accent-soft: #dbe8f5;
  --accent-softer: #edf4fb;
  --secondary: #5f6f89;
  --secondary-soft: #edf1f6;
  --success: #24745a;
  --success-soft: #e7f3ee;
  --warning: #9a6500;
  --warning-soft: #fff5dd;
  --danger: #b2474e;
  --danger-soft: #faeaec;
  --readonly-fill: #f2f5f8;
  --editable-fill: #edf5fc;
  --stockout-red: #b2474e;
  --surplus-blue: #3f6f9f;
  --shadow: 0 1px 2px rgb(18 32 47 / 6%), 0 14px 30px rgb(18 32 47 / 8%);
  --shadow-soft: 0 1px 2px rgb(18 32 47 / 5%), 0 8px 18px rgb(18 32 47 / 6%);
  --shadow-layered: 0 1px 2px rgb(18 32 47 / 6%), 0 12px 28px rgb(18 32 47 / 9%), 0 30px 64px rgb(18 32 47 / 8%);
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px rgb(63 111 159 / 28%);
  --on-accent: #ffffff;
  --text-placeholder: #536274;
  --nav-background: #17263a;
  --nav-background-end: #101b2a;
  --nav-text: #c7d2df;
  --nav-icon: #aebdcb;
  --nav-hover-text: #f8fafc;
  --accent-ai: #315d48;
  --accent-ai-strong: #244936;
  --accent-ai-soft: #eaf0ea;
  --ai-surface: #fafaf9;
  --ai-text: var(--text);
  --ai-muted: var(--muted);
  --ai-border: var(--border);
  --ai-hover: #f0f4f1;
  --ai-code: #f0f3ef;
  --ai-table-head: #f4f6f2;
  --ai-backdrop: rgb(20 35 26 / 40%);
  --ai-shadow: 0 5px 24px rgb(37 61 41 / 6%);
}