/* Project Torque design tokens — v2, dense/compact spec.
   Palette-swap of a reference prototype's structure (docs referenced in
   conversation: job-card.html + shared/style.css) onto Torque's colours.
   That prototype used United Diesel's old navy/lime/red palette; this file
   keeps its spacing/type/component sizing but replaces every colour with the
   Torque Steel/Amber/Ink/White system. See CLAUDE.md "Brand & UI System" for
   the full rationale — this supersedes the original v1.0 Brand & UI
   Guidelines docx's looser, larger-scale values. */

:root {
  /* Primary palette — unchanged from v1 */
  --torque-white: #FAFAF9;
  --torque-steel: #3D5A73;
  --torque-amber: #E8862D;
  --torque-ink: #1C1F24;

  /* Steel tints, for sidebar hover/border states (structural, not accent use) */
  --torque-steel-mid: #46647F;
  --torque-steel-light: #52708C;

  /* Neutrals */
  --surface: #FFFFFF;
  --border-light: #E4E2DE;
  --border-mid: #C9C6C0;
  --text-secondary: #5C6570;
  --text-muted: #7D8793;
  --text-disabled: #9CA3AC;

  /* Status colours — independent of brand accent, never reused decoratively.
     Overdue red stays exclusive to this meaning (never used for e.g. a job
     category colour or a generic "needs attention" nav badge). */
  --status-ready: #3F8F52;
  --status-in-progress: #E8862D;
  --status-on-hold: #8B95A1;
  --status-overdue: #C4292E;

  /* Soft/pastel tints of the status colours, for dense desktop badges (lists,
     tables). The original v1 solid-fill badge style ("read at a glance across
     a workshop") is kept as .badge-solid for the TV display / workshop
     dashboard when those get built — different context, different need. */
  --status-ready-bg: #E3F3E7;
  --status-ready-text: #256339;
  --status-in-progress-bg: #FBEAD9;
  --status-in-progress-text: #A85A16;
  --status-on-hold-bg: #E9EBEE;
  --status-on-hold-text: #5B6572;
  --status-overdue-bg: #FBE3E4;
  --status-overdue-text: #96201F;

  /* Typography */
  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;

  --text-display: 28px;
  --text-h1: 20px;
  --text-h2: 14px;
  --text-h3: 13px;
  --text-body: 13px;
  --text-body-small: 12px;
  --text-mono-data: 12px;
  --text-caption: 11px;
  --text-micro-label: 10px;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --line-height-body: 1.4;
  --line-height-header: 1.2;
  --line-height-mono: 1.4;

  /* Spacing — tightened from v1's 4/8/16/24/32/48 to match the dense reference */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 18px;
  --space-xl: 24px;
  --space-xxl: 32px;

  /* Sizing */
  /* 48px stays reserved for tablet/workshop-facing UI (CLAUDE.md is explicit
     that this is a "no exceptions" rule THERE) — desktop/office controls use
     the shorter, doc-permitted "comfortably clickable" height instead. */
  --touch-target-min: 48px;
  --control-height: 32px;
  --header-h: 52px;
  --sidebar-w: 220px;

  /* 2px, not the v1 placeholder of 6px — matches the reference exactly */
  --radius-default: 2px;

  /* 1.5px in the reference (v1 doc said 2px) — using what's actually built */
  --icon-stroke-width: 1.5px;
}