/* MillerKnoll Government RFP Assistant: design tokens (v1.0, 2026-10-02)
   The Publication Layer design language (pub.millerknoll.com): black on white, Untitled Sans,
   4 px corners, grey header bands, a black footer band. Light only, like the source site.
   Load this file first, then components.css. */
:root {
  /* ---------- Color: ink and surfaces ---------- */
  --ink: #000000;                       /* text, buttons, outlines of controls */
  --ink-strong: #252525;                /* page titles (h1, h2) */
  --ink-body: rgba(0, 0, 0, 0.87);      /* body copy, table cells */
  --muted: #808080;                     /* secondary text, current nav item */
  --placeholder: rgba(0, 0, 0, 0.42);
  --surface: #ffffff;                   /* page background; nothing else is tinted */
  --surface-hover: #fafafa;             /* row hover, drop zone over */
  --surface-selected: #f2f2f2;          /* selected table row */
  --surface-subtle: #f4f4f4;            /* a message you sent, in a feed */
  --code-bg: #f2f2f2;

  /* ---------- Color: lines ---------- */
  --line: rgba(0, 0, 0, 0.23);          /* field outlines */
  --rule: #e0e0e0;                      /* table rows, card and panel edges */
  --divider: #afa99f;                   /* warm grey vertical rule in the header */
  --band: #d9d9d9;                      /* table header band, section bars */
  --disabled: #e5e5e5;                  /* disabled button fill */

  /* ---------- Color: status (text and outlines only, never fills) ---------- */
  --ok: #2e7d4f;
  --warn: #a36a00;
  --warn-bg: #fff8eb;                   /* the one tinted row: a question waiting for a reply */
  --stop: #b3261e;

  /* ---------- Type ----------
     Untitled Sans is a licensed MillerKnoll brand face. It is named here and renders where it is
     installed or served (see CLAUDE.md); Helvetica Neue / Helvetica / Arial stand in elsewhere.
     Weights are separate families in MillerKnoll's font setup, so each weight has its own stack. */
  --font: "Untitled Sans", UntitledSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-medium: "Untitled Sans Medium", UntitledSansMedium, "Untitled Sans", UntitledSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-bold: "Untitled Sans Bold", UntitledSansBold, "Untitled Sans", UntitledSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;   /* part numbers, file names in reports */

  --text-display: 34px;   /* welcome heading, Regular */
  --text-h1: 24px;        /* page title, Bold */
  --text-h2: 18px;        /* section title, Bold */
  --text-lead: 18px;      /* welcome lede, Regular */
  --text-body: 16px;      /* body, navigation (Medium) */
  --text-ui: 14px;        /* controls, tables, most UI text */
  --text-small: 13px;     /* secondary data, sizes, help line */
  --text-caption: 12px;   /* pills, tags, times */
  --leading: 1.5;

  /* ---------- Shape ---------- */
  --radius: 4px;          /* everything square-ish: buttons, fields, panels, pills */
  --radius-round: 50%;    /* dots, step numbers */
  --control-h: 35px;      /* button and segmented control height */
  --control-h-small: 28px;
  --rule-w: 1px;
  --accent-w: 2px;        /* notice rule, focus outline */

  /* ---------- Space (px) ---------- */
  --space-1: 4px;  --space-2: 6px;  --space-3: 10px; --space-4: 12px; --space-5: 14px;
  --space-6: 18px; --space-7: 20px; --space-8: 24px; --space-9: 28px; --space-10: 32px;

  /* ---------- Layout ---------- */
  --page-max: 1240px;
  --page-pad: 68px;       /* 16px under 760px */
  --header-pad: 22px 28px;
  --notice-max: 760px;    /* the demo notice in the header's center column */

  /* ---------- Elevation (used twice only) ---------- */
  --shadow-dialog: 0 12px 40px rgba(0, 0, 0, 0.25);
  --backdrop: rgba(0, 0, 0, 0.45);

  /* ---------- Motion ---------- */
  --ease: 0.15s;          /* switch thumb, fold caret; off under prefers-reduced-motion */

  color-scheme: light;
}