/**
 * GENERATED FILE — DO NOT EDIT. Run `pnpm --filter @omnibid/ui build` instead.
 *
 * Source: packages/ui/tokens/common.json + packages/ui/tokens/buyer.json
 * Generated by build-tokens.mjs (T119).
 *
 * ⚠ Editing this file by hand will FAIL CI: the workflow regenerates and diffs.
 * ⚠ This file is COMPLETE. It imports and overrides nothing.
 */

:root {
  /* ---- Shared by rule with every other surface ---- */
  /* card / surface white */
  --paper: #FFFFFF;
  /* subtle hairline / row divider */
  --line: #EFEDE8;
  /* The orange quarter of the capital O and the 'Bid' of the OmniBid wordmark (T203), and NOTHING else. One colour in one place so the logo cannot drift between the apps (owner, 2026-07-28). It is NOT --amber on purpose: the seller's action colour stays burnt #C77400 while the wordmark matches the buyer's vivid orange. Never style a non-wordmark element with it, and never 'fix' the wordmark to --amber. */
  --brand-mark: #F2521B;
  /* win / paid */
  --forest: #15803D;
  /* forest tint surface */
  --forest-soft: #EAF3DE;
  /* forest tint border — was hardcoded in .maxset-banner (T164) */
  --forest-line: #C7E6D0;
  /* outbid / danger */
  --brick: #A32D2D;
  /* brick tint surface */
  --brick-soft: #FCEBEB;
  /* brick tint border. Brick's hue at forest-line's exact saturation and lightness, so an outbid surface carries the same visual weight as a winning one and only the hue differs (T164) */
  --brick-line: #E6C7C7;
  /* info */
  --teal: #0F766E;
  /* teal tint surface */
  --teal-soft: #E1F5EE;
  /* headings, the wordmark */
  --font-display: 'Inter Tight', -apple-system, system-ui, sans-serif;
  /* body copy */
  --font-body: 'Inter', -apple-system, system-ui, sans-serif;
  /* all numbers, tabular. Points at next/font's --font-jetbrains-mono, set on <html> in each web app (T354, #676) */
  --font-mono: var(--font-jetbrains-mono, 'JetBrains Mono'), ui-monospace, monospace;
  --radius-sm: 6px;
  --radius: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-pill: 999px;
  /* header / overlay dividers */
  --hairline: 0.5px;
  /* display cards */
  --border-card: 1px;
  /* interactive / selectable cards */
  --border-interactive: 1.5px;

  /* ---- buyer palette ---- */
  /* primary text / near-black, warm */
  --ink: #12100D;
  /* secondary text, warm */
  --slate: #57534E;
  /* tertiary / placeholder text, warm. T299 E (#624, owner 2026-10-09): was #8B857C (3.65:1 on white); #6F6A62 is 5.4:1, passing WCAG 1.4.3 */
  --muted: #6F6A62;
  /* cards are white; the crisp --mist border separates them */
  --stone: #FFFFFF;
  /* one step darker than the seller's, so 0.5px borders read crisp */
  --mist: #DED9CF;
  /* BUYER ONLY. One step darker than --mist, for the edge of a bar FIXED over scrolling content: the sticky header's bottom, the mobile tab bar's top, the lot page's phone bid bar. --mist is right for a card sitting still on the page and wrong here — a hairline over a blurred translucent bar reads as no edge at all once content scrolls under it. NOT in common.json on purpose: --mist is per-palette (buyer #DED9CF warm, seller #E7E5E0 cool), so a shared rule line would be the wrong temperature on one side. */
  --rule: #C7BFB1;
  /* action / urgency FILLS: buttons, selected pills and chips, borders. Ember. T299 E (#624, owner 2026-10-09): was #F2521B (3.5:1); white text on #D43F0C is 4.65:1. Never use it for TEXT on a light surface; that is --amber-deep. The wordmark stays #F2521B through --brand-mark (owner: keep the logo), so the two are no longer equal. */
  --amber: #D43F0C;
  /* orange TEXT on light surfaces, and the pressed fill. T299 E (#624, owner 2026-10-09): was #D8410E (4.49:1); #B93A0C is 5.7:1 on white and 4.9:1 on --amber-soft */
  --amber-deep: #B93A0C;
  /* amber tint surface */
  --amber-soft: #FFEADF;
  /* BUYER ONLY. Photo placeholder / input surface — distinct from white cards. */
  --tile: #F5F3EE;
  /* BUYER ONLY. Hover fill for neutral (non-amber) clickables. */
  --grey: #F2F0EC;
  /* BUYER ONLY. T341 (owner, 2026-10-17): the warm 1px hairline between rows on the Account pages (the 'Ledger' look). Lighter than --mist, which edges boxes; a row line separates text, not surfaces. */
  --row-line: #E6E2DA;
  /* BUYER ONLY. T341: the row chevron on the Account pages. 3.9:1 on white, above the 3:1 WCAG 1.4.11 asks of a non-text mark. */
  --chevron: #857F76;
  /* BUYER ONLY. T341 (design review 2026-10-17): TEXT for 'soon a problem', e.g. a card that expires next month. 6.2:1 on white. Not --amber-deep, which reads as an action. */
  --soon: #8A5A00;
  /* BUYER ONLY. T507 (owner, 2026-11-09): a 'slow' day or state on the public status page (status.omnibid.com) — its 90-day bars and dots. The approved picture's softer amber: well apart from --brick (down, red) and --forest (up), which Ember --amber is not on a small bar. Not for buttons or text. */
  --slow: #C77400;
  /* BUYER ONLY. T507: 'slow' TEXT (the status page's Slow / Delayed pill and amber banner title). 5.0:1 on white, 4.4:1 on --slow-soft at the pill's 11.5px semibold. */
  --slow-deep: #B45309;
  /* BUYER ONLY. T507: the tint behind a 'slow' pill and the amber banner on the status page. */
  --slow-soft: #FAEEDA;
}
