/* ============================================================
   ACME INSPECTION — DESIGN TOKENS
   Color carries semantic load (Sato), never decoration.
   Warm paper over clinical white — trusted advisor, not lab coat.
   ============================================================ */
:root {
  /* --- surface --- */
  --paper:        #FAF7F1;   /* warm off-white, anti-sterile */
  --paper-raised: #FFFFFF;
  --paper-sunken: #F1ECE2;
  --hairline:     #E6DFD2;
  --hairline-strong: #D8CFBE;

  /* --- ink --- */
  --ink:        #1C1A17;
  --ink-soft:   #4A453D;
  --ink-muted:  #847C6E;
  --ink-faint:  #B3AB9C;

  /* --- semantic severity / safety --- */
  --critical:     #C5372A;   /* safety: must address */
  --critical-bg:  #FBEBE8;
  --critical-ink: #8F2419;

  --caution:      #C77A14;   /* negotiate / soon */
  --caution-bg:   #FBF0DE;
  --caution-ink:  #8A540B;

  --clear:        #2E7D55;   /* good / safe / original */
  --clear-bg:     #E4F1E9;
  --clear-ink:    #1E5C3D;

  --neutral:      #6F6757;   /* minor / cosmetic */
  --neutral-bg:   #EFEAE0;

  /* --- brand accent (Acme) --- */
  --accent:       #2A2622;   /* near-black, confident */
  --accent-ink:   #FAF7F1;

  /* --- typography --- */
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono:  'Inter', ui-monospace, 'SF Mono', Menlo, monospace;

  /* --- elevation --- */
  --shadow-sm: 0 1px 2px rgba(28,26,23,.06), 0 1px 1px rgba(28,26,23,.04);
  --shadow-md: 0 4px 16px rgba(28,26,23,.08), 0 1px 3px rgba(28,26,23,.06);
  --shadow-lg: 0 12px 40px rgba(28,26,23,.14), 0 4px 10px rgba(28,26,23,.08);

  /* --- radius --- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* --- motion (Emil) --- */
  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-fast:   140ms;
  --dur-mid:    220ms;
  --dur-slow:   320ms;
}