/* The Workspace system's theme (ADC-114 U8): the values the Workspace apps — the View today; the Dashboard and
 * Support as each lands — set over the foundation (../tokens.css). The View's palette is carried unchanged (U1's
 * R2): a value whose meaning is a foundation token's is written as that token (`var(--color-…)`), so a brand change
 * there reaches the View; every other value is the Workspace system's own, here, under its family's section, its
 * usage the comment above it. A theme value wins over the foundation's: `shadow-card`, `shadow-modal` and
 * `radius-sm` are the Workspace system's own. The rules are ../../_meta/L2-Development-Guidelines_Workspace-Design-System.md;
 * python -m scripts.design build reads this file. */
:root {

  /* ── colour ── */
  /* The primary teal: links, the active nav row, primary buttons, the switcher's icon — the brand guide's Darker Teal. */
  --brand: var(--color-origin-teal);
  /* A link under the pointer — the brand guide's Lighter Teal, never resting text on a light ground. */
  --brand-bright: var(--color-origin-teal-light);
  /* Link and action text on a light ground in an app that has adopted the Working Journal direction — the foundation's
     accessible teal (5.19:1 on white); fills and identity keep `--brand` (ADC-153). */
  --link: var(--color-brand);
  /* Deep teal text on a teal tint: the account avatar, the environment chip, an object's kind label. */
  --brand-deep: #006666;
  /* The teal tint: the app block, a covered pill, a linked chip, the test and support header circle. */
  --brand-tint: #e3f2f2;
  /* The softest teal tint: the current menu row, the active account row, a selected scope row. */
  --brand-tint-soft: #eef8f8;
  /* A teal border: an open object row, an AI-judged turn, a filter under the pointer, a record button at rest. */
  --brand-wave: #9fd2d2;
  /* A secondary button's border; the scope selector and a setting's select. */
  --brand-edge: #cfe3e3;
  /* A dashed teal line (declared by the design; no rule draws it today). */
  --line-dashed: #cfe3e3;
  /* An open capability's head; a check row under the pointer. */
  --brand-wash: #f7fbfb;
  /* An open capability's border; a teal outline chip; a stressed grade's border. */
  --brand-border: #bfe0e0;
  /* A read access badge's border. */
  --brand-edge-soft: #cfe2df;
  /* A clickable object card or row under the pointer — the website's header-link hover. */
  --hover-fill: var(--color-brand-tint);
  /* A clickable card's border under the pointer. */
  --hover-edge: var(--brand-wave);
  /* Navy: headings, page titles, hero figures, the current breadcrumb step. */
  --ink: #14213d;
  /* Strong body ink: a nav row's label, the account row's name. */
  --ink-strong: #1f2a37;
  /* Navy figures inside text: code in a subtitle, a definition's value, a table cell. */
  --ink-title: #14213d;
  /* Body text. */
  --text: #3d4756;
  /* Secondary body text: a run's count, a review line, a criterion's text. */
  --text-mid: #4f5968;
  /* Muted text: meta, labels, table headers, a section label. */
  --muted: #6b7480;
  /* Fainter marks: connectors and their arrows, a not-run mark, a cell with nothing to run. */
  --muted-soft: #9aa3ad;
  /* Text and icons on a filled colour — the active nav row, a filled pill, a toast. */
  --on-fill: #ffffff;
  /* Cards, menus and the body surfaces. */
  --surface: var(--color-surface);
  /* The sidebar; a paired cell; a run card's body; a table's header band. */
  --surface-tint: #fbfcfc;
  /* A row under the pointer in a menu or the nav; a grid's header band. */
  --surface-soft: #f6f8f8;
  /* The page background the frame sits on. */
  --page: #f4f7f7;
  /* A list row under the pointer (declared by the design; no rule draws it today). */
  --row-hover: #fafcfc;
  /* The run cards' head band and their chips. */
  --band: #f2f4f5;
  /* A grey chip, count or circle. */
  --chip: #f1f4f5;
  /* Borders: cards, the sidebar's edge, dividers. */
  --line: #e4e7ea;
  /* Hairlines between the rows of an entries list. */
  --line-soft: #eef0f2;
  /* A rule beside a heading, an unresolved mark, a completed pill's border. */
  --line-mid: #dde1e5;
  /* An empty state's dashed border, a tag's border. */
  --line-empty: #d6dadf;
  /* A separator dot, a skipped connector, a switch's off track, a disabled control. */
  --line-strong: #c3c9d0;
  /* An environment's attention mark at rest. */
  --env: var(--muted-soft);
  /* An environment's attention mark when it is on. */
  --env-tint: var(--surface);
  /* Status — pass: the soft fill's text, a passed bar, the assistant's role badge. */
  --success: #2e8b57;
  /* Status — pass: a passed pill's and chip's deep text. */
  --success-deep: #1e7a47;
  /* Status — pass: a passed pill's soft fill. */
  --success-tint: #e8f5ee;
  /* Status — pass: a succeeded pill's or banner's border. */
  --success-edge: #bfe3cd;
  /* A guard grade's border (the design's measured border). */
  --success-edge-soft: #cde8d8;
  /* A succeeded step's node. */
  --success-wash: #f4fbf7;
  /* Status — warning or needs input: the mark, a warning cell, a needs-attention series. */
  --pending: #d99a2b;
  /* Status — warning or needs input: the soft fill. */
  --pending-tint: #fff4e0;
  /* Status — warning or needs input: the deep text. */
  --pending-deep: #8a5a00;
  /* Status — warning: a pending pill's border. */
  --pending-edge: #f5ddb0;
  /* A riding grade's border (the design's outdated border). */
  --pending-edge-soft: #f1ddb0;
  /* Status — fail: the mark, a failed bar, a failing KPI's icon. */
  --danger: #c8472f;
  /* Status — fail: the soft fill. */
  --danger-tint: #fcebe9;
  /* Status — fail: the deep text. */
  --danger-strong: #a8321f;
  /* Status — fail: a failed pill's or banner's border. */
  --danger-edge: #f2c4bd;
  /* A danger pill's and a write badge's border. */
  --danger-edge-soft: #f1d9d5;
  /* A failed step's node; a failing issue's fill. */
  --danger-wash: #fef6f5;
  /* A failed criterion's card border, a failed actual's box. */
  --danger-line: #f1d0cb;
  /* Status — running or submitted: the mark, a live run's dot and bar, the dev environment's mark. */
  --running: #2563eb;
  /* Status — running or submitted: the soft fill. */
  --running-tint: #e8f0fe;
  /* Status — running or submitted: the deep text. */
  --running-deep: #1d4ed8;
  /* A running pill's or banner's border. */
  --running-edge: #c9d8fb;
  /* A running row's fill. */
  --running-row: #f7fbfa;
  /* A live run's banner border. */
  --running-edge-soft: #cfe0fb;
  /* A live run's banner fill. */
  --running-wash: #f5f8ff;
  /* A live run's progress track. */
  --running-track: #e1e9fb;
  /* Status — scheduled or not yet: the soft fill. */
  --scheduled-tint: #efeafb;
  /* Status — scheduled or not yet: the deep text. */
  --scheduled-deep: #5b3fa8;
  /* Unknown, pending or not yet: a series, the scrollbar's thumb, a breadcrumb's separator. */
  --unknown: #c9d1d6;
  /* The scrollbar's thumb under the pointer; a muted object cell; a refused status dot. */
  --unknown-hover: #9aa6ae;
  /* A neutral chip's text; an unresolved coverage pill; a flow's connector. */
  --neutral-deep: #5b6472;
  /* Coverage — weak: the bar segment and its dot. */
  --cov-weak: #8ecfcf;
  /* Coverage — can't test: the pill's fill. */
  --cant-tint: #f1eef8;
  /* Coverage — can't test: the pill's text. */
  --cant-deep: #5b4a8a;
  /* Coverage — can't test: the dot. */
  --cant-bar: #cfc8e4;
  /* An unrecognised record's border. */
  --caution-edge: #ead9a8;
  /* An unrecognised record's fill. */
  --caution-tint: #fffaf0;
  /* An instrument error's iteration dot; a High-severity chip. */
  --error-fill: #f2b544;
  /* The mark on an instrument error's dot. */
  --error-ink: #5b3b00;
  /* A caveat under a design row (the design's sub-line). */
  --note-ink: #6b5a2e;
  /* Identity — agents and people: the nav icon, the header circle, an object's icon. Never a status. */
  --agent: #8b3fd9;
  /* Identity — agents and people: the tint behind the accent. */
  --agent-tint: #efeafb;
  /* Identity — workflows, tools and tool calls: the nav icon, the header circle, an object's icon. Never a status. */
  --workflow: #e07a1f;
  /* Identity — workflows, tools and tool calls: the tint behind the accent. */
  --workflow-tint: #fdf1e6;
  /* A workflow step's border under the pointer; its connectors; an open tool card. */
  --workflow-edge: #f2c9a4;
  /* A workflow step's number and eyebrow. */
  --workflow-deep: #b45f14;
  /* A simulated-caller pill's text. */
  --workflow-strong: #a3530f;
  /* Identity — test, knowledge and support: the primary teal. Never a status. */
  --test: var(--brand);
  /* Identity — test, knowledge and support: the tint behind the accent. */
  --test-tint: var(--brand-tint);
  /* Identity — Quality Assurance: navy, the nav icon and the header circle. Never a status. */
  --qa: #14213d;
  /* Identity — Quality Assurance: the tint behind the accent; the Verdict band of a table that ends in a judgement. */
  --qa-tint: #e8ebf2;
  /* Category — the website chat channel in a chart (the voice channel is the primary teal): a deep cobalt, picked by the
     colour checker to stay apart from Voice's teal and from Agent purple beside it (DR-68). */
  --chat-blue: #284b9c;
  /* Volume — the second step of an ordered teal ramp (a funnel), after the primary teal. */
  --ramp-2: #2e9a9a;
  /* Volume — the third step of an ordered teal ramp (a funnel), at least 2:1 on white so its bar keeps its edge (DR-68). */
  --ramp-3: #5fb0b0;
  /* A chat's send button while its input is empty; no app draws it yet. */
  --send-dim: #9fc9c9;
  /* A prompt in code colours: the brackets. */
  --cx-punct: #6e7781;
  /* A prompt in code colours: a tag's name. */
  --cx-name: #116329;
  /* A prompt in code colours: an attribute's name. */
  --cx-attr: #8250df;
  /* A prompt in code colours: an attribute's value. */
  --cx-val: #0a3069;
  /* An exact name in code — the clay orange of a code snippet, AA on the chip. */
  --code-ink: #b4532a;
  /* A find-in match. */
  --highlight: #ffe8a3;
  /* The assistant's chat bubble. */
  --bubble-assistant: #e9f5f5;
  /* The user's chat bubble. */
  --bubble-user: #f1eefa;
  /* A modal's backdrop. */
  --backdrop: rgba(20, 33, 61, 0.42);

  /* ── shadow ── */
  /* A body card, a panel, the tabs: the faint lift on the tinted page. */
  --shadow-card: 0 1px 2px rgba(20, 33, 61, 0.04);
  /* A dropdown menu: the app switcher, the scope and product menus, a toast. */
  --shadow-menu: 0 18px 40px -20px rgba(20, 33, 61, 0.45);
  /* The product card in a picker. */
  --shadow-picker: 0 8px 24px -18px rgba(20, 33, 61, 0.35);
  /* A toast. */
  --shadow-toast: 0 18px 40px -16px rgba(20, 33, 61, 0.6);
  /* A popover. */
  --shadow-pop: 0 8px 24px rgba(20, 33, 61, 0.12);
  /* A modal over its backdrop. */
  --shadow-modal: 0 30px 80px -30px rgba(20, 33, 61, 0.6);

  /* ── radius ── */
  /* A body card and a panel. */
  --radius: 16px;
  /* The design's small radius — a primary button, the active nav row (the Workspace L2 § The frame); no rule names it yet, the stylesheet writes the 10px where it draws one. */
  --radius-sm: 10px;

  /* ── spacing ── */
  /* The frame's left sidebar, open. */
  --sidebar-w: 268px;
  /* The frame's left sidebar, collapsed to its icons. */
  --rail-w: 72px;

  /* ── office ── */
  /* The office scene behind an adopting app's main pane (ADC-153): its strength once settled, where work is done. */
  --office-opacity: 0.38;
  /* Its much fainter settled strength behind a dense app — the View (DR-60). */
  --office-opacity-dense: 0.16;
  /* Its stronger settled strength on a home page — the Portal's sign-in, apps and settings (`Sovereign`'s pilot review, R7). */
  --office-opacity-home: 0.55;
  /* Its strength while a session's first page opens. */
  --office-opening-opacity: 0.62;
  /* Its softness once settled. */
  --office-blur: 3px;
  /* Its softness while a session's first page opens. */
  --office-opening-blur: 1px;
  /* Where the left-to-right fade starts, measured across the main pane. */
  --office-fade-start: 0%;
  /* Where the scene reaches full strength. */
  --office-fade-end: 60%;
  /* Where the top-down fade starts and where the scene reaches full strength, measured down from the top: the header row
     stands on the plain page (DR-62). */
  --office-fade-top-start: 140px;
  --office-fade-top-end: 320px;
  /* How long the opening scene takes to settle. */
  --office-settle: 900ms;

  /* ── type ── */
  /* What a machine produced: IDs, builds, file paths, tool names. */
  --font-mono: ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;
}