/* =============================================================================
   ADEPT LIFE SCIENCES ERP - Single entry point
   Layers cascade: tokens -> primitives -> domain components
   Every page links only this one file.

   Cache busting: the ?v= markers below are a DEPLOY LABEL, not the freshness
   mechanism. Freshness comes from `Cache-Control: no-cache` on /styles,
   /components and /data (vercel.json "headers"), which makes the browser
   revalidate against the ETag on every load and pick up a changed file
   immediately.

   This changed on 2026-07-18 because the old contract ("the ?v= here matches
   every asset reference in *.html; bump both together") had already broken:
   app.css was referenced at THREE different versions across the pages
   (20260716b on 99 of them, 20260717a, 20260717b) while the @imports below
   stayed at 20260716b. So an edit to primitives.css or domain.css reached
   nobody, no matter which page you loaded — a shared file changed while the
   cache key that governs it did not. That is the half-applied-fix class
   (docs/LAYER-AGREEMENT.md) wearing a cache costume, and hand-syncing a
   constant across 100+ files was never going to hold.
   ============================================================================= */
@import url('./tokens.css?v=20260716b');
@import url('./primitives.css?v=20260716b');
@import url('./domain.css?v=20260724a');
@import url('./responsive.css?v=20260716b');
@import url('./review.css?v=20260716b');
@import url('./quick-create.css?v=20260726a');
@import url('./bug-flags.css?v=20260726a');

/* =============================================================================
   TAN THEME OVERRIDE - 2026-07-16 (Eric: colors only)
   "Warm Drafting Table" palette ported from agent/refero-full-site-redesign
   styles/tokens.css. This :root block loads AFTER the imports above, so it is
   the single source of truth that recolors the whole site. COLOR VALUES ONLY:
   no layout, spacing, typography, radii, or shadow-geometry changes. Variable
   names stay as the live site uses them. To revert to the previous slate
   theme, delete this block.
   ============================================================================= */
:root {

  /* Surfaces - warm ivory vellum */
  --bg:              #FBF8F2;
  --bg-warm:         #F4EFE4;
  --surface:         #FFFFFF;
  --surface-alt:     #F6F1E7;
  --surface-sunken:  #EEE8DA;

  /* Ink - warm near-black */
  --ink:             #211C16;
  --ink-2:           #322B22;
  --muted:           #6E6457;
  --faint:           #8C8273;
  --disabled:        #B3A998;

  /* Hairlines - warm */
  --hairline:        #ECE4D5;
  --hairline-strong: #DCD2BF;
  --hairline-focus:  #B9AD96;

  /* Brand - Adept deep teal accent on warm paper */
  --blue:            #0F6B6E;
  --blue-hover:      #0A5154;
  --blue-soft:       #E3EDE9;

  --terra:           #B5722A;
  --terra-soft:      #F4E6CE;

  /* Derived (not a literal refero value): refero's --teal #30AEAF is
     logo-ambient only and fails white-on-teal contrast; the live site uses
     --teal as a solid accent bg with white text, so it takes the refero
     accent teal instead. --teal-deep keeps refero's readable deep teal. */
  --teal:            #0F6B6E;
  --teal-deep:       #125D6A;

  /* Status - muted earthy sage / ochre / clay per refero */
  --ok:              #4F7A5E;
  --ok-soft:         #E9F0EA;
  --warn:            #9C6B2E;
  --warn-soft:       #F2E7D5;
  --danger:          #A45142;
  --danger-soft:     #F1E5DF;
  --danger-bg:       #FBF6F3;
  --info:            #3C6E81;
  --info-soft:       #E7EDEE;
  --neutral:         #6E6457;
  --neutral-soft:    #F0EADD;

  /* Shadows - refero's warm shadow COLOR rgb(60,44,20) on the site's
     existing shadow geometry and alphas (geometry is not a color change) */
  --shadow-card:     0 1px 2px rgba(60,44,20,0.04);
  --shadow-card-hover: 0 2px 8px rgba(60,44,20,0.06);
  --shadow-elevated: 0 8px 24px rgba(60,44,20,0.08);
  --shadow-popover:  0 12px 32px rgba(60,44,20,0.12);
  /* --shadow-focus, --btn-primary* alias var(--blue*) and update automatically */

  /* Added 2026-07-16: refero-only color token the current file lacked */
  --grid-line:       rgba(120, 96, 56, 0.025);

  /* OP Tracker (Adept's live "Material Tracking" sheet).
     Two dept-band hues the base status palette lacks (Warehouse purple, QC teal),
     kept distinct from --teal which the theme remapped onto --blue. */
  --purple:              #7C3AED;
  --purple-soft:         #F1EAFE;
  --qc:                  #0F766E;
  --qc-soft:             #E6F6F4;
  /* Status pill fills, EXACT colors from the sheet's conditional formatting.
     Single source of truth for these; do not alter the hex, do not duplicate. */
  --ot-complete:         #C5DEB5;
  --ot-pending-release:  #FFEB9C;
  --ot-pending-purchase: #8EAADB;
  --ot-pending-receipt:  #FFC7CE;
  --ot-status-ink:       #1F2328;
  /* NS Status — Adept's derived split of "Pending Purchase". Sourcing = warm amber
     (no real supplier yet), Send PO = a Complete-family green, distinct from
     Complete (#C5DEB5), that flags a supplier is chosen but no PO is cut yet. */
  --ot-sourcing:         #F5C97B;
  --ot-send-po:          #A9CD90;
  /* Send Payment sits after the goods are in: a cool slate, kept clear of the
     amber (still sourcing) and the green (ready to buy). */
  --ot-send-payment:     #B7C4D6;

}