/* ============================================================================
   Fox Custom Woodworks — B2B platform · design tokens
   ----------------------------------------------------------------------------
   The single source of truth for colour, type and spacing across every screen.
   Driven by docs/B2B_Platform_UI_Conventions_6.md (the cover-sheet palette).
   Workspace screens borrow the cover sheet's palette + type, never its document
   layout. Add a token here rather than hard-coding a value in a screen.
   ============================================================================ */

:root {
  /* — Palette (cover sheet) — */
  --charcoal: #2B2A28;        /* primary ink; document header band */
  --ink: #2B2A28;            /* body / heading text */
  --muted: #6E6A63;          /* muted + reference text */
  --muted-soft: #9b958c;     /* small labels, captions */
  --muted-faint: #b3ada3;    /* faintest sub-labels, hairline glyphs */
  --wood: #7A5C3E;           /* SECONDARY / accent token (section titles, totals band) — NOT primary */

  /* Brand primary — GREEN. The confirmed primary action colour (primary buttons +
     primary accents). Wood accent (--wood) is a secondary/accent token, not primary. */
  --brand: #178044;
  --brand-dark: #115E33;     /* primary hover */
  --brand-tint: #ECF1EA;     /* faint brand wash (hover fills) */

  /* — Warm neutrals — */
  --bg: #F3F0EA;             /* app background; strip / band fills */
  --surface: #ffffff;        /* cards, panels */
  --surface-tint: #FAF7F2;   /* faint sub-row / input fill */
  --border: #E8E3DB;         /* card / panel borders */
  --border-input: #E2DCD3;   /* input borders */
  --hairline: #E5E0D7;       /* header / divider hairlines */
  --hairline-soft: #EFEAE2;  /* faint row separators */
  --hairline-faint: #F2EEE6; /* faintest dividers */

  /* — Feedback — */
  --danger: #D33A2C;
  --danger-dark: #b8301f;

  /* — Callout tints (state-aware messaging) — */
  --callout-warn-bg: #FDF0E4;        /* action-needed: warm tint */
  --callout-warn-border: #E8C49A;    /* + warm/wood-toned border */
  --callout-warn-ink: #6B3810;
  --callout-warn-ink-soft: #8B5A2B;
  --callout-calm-bg: #F3F0EA;        /* calm / final: neutral */
  --callout-calm-border: #E5E0D7;

  /* — Type scale — */
  --fs-page: 26px;           /* page title (Orders / Profile) */
  --fs-heading: 16px;        /* section heading */
  --fs-value: 15px;          /* read-mode reference value */
  --fs-body: 14px;
  --fs-small: 13.5px;
  --fs-eyebrow: 12px;        /* section eyebrow (Contact details) */
  --fs-label: 11px;          /* small uppercase field label */
  --fs-micro: 10px;          /* table column heads */

  --font-sans: 'Helvetica Neue', Arial, system-ui, sans-serif;

  /* — Spacing — */
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 22px;
  --space-6: 28px;
  --space-7: 36px;

  /* — Radii — */
  --radius: 10px;            /* controls (buttons, inputs) */
  --radius-sm: 8px;
  --radius-card: 14px;       /* cards / panels */
  --radius-pill: 999px;
}