/* =========================================================
   Arkana WMS — Design Tokens
   Single source of truth for colors, fonts, spacing, sizing.
   Edit values here to re-theme the entire site.
   ========================================================= */

:root {
  /* ---- Color palette: warm industrial paper aesthetic ---- */
  --ink: #14130f;            /* Near black, warm */
  --ink-soft: #2a2722;       /* Card outlines, secondary surfaces */
  --paper: #f5f2ea;          /* Main background, warm off-white */
  --paper-warm: #ede9de;     /* Subtle alternate surface */
  --rule: #d8d2c2;           /* Borders, dividers */
  --rule-soft: #e8e3d4;      /* Lighter dividers, grid background */
  --muted: #6b6760;          /* Secondary text, captions */
  --muted-strong: #4a473f;   /* Body text on light bg */

  /* Brand accent — used sparingly for CTAs and key highlights */
  --accent: #c41e2a;
  --accent-deep: #951620;
  --accent-soft: rgba(196, 30, 42, 0.08);

  /* Status colors (used in mockups & UI hints) */
  --success: #16a34a;
  --warning: #a16207;

  /* ---- Typography ---- */
  --font-display: 'Bricolage Grotesque', -apple-system, system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Layout ---- */
  --max: 1240px;
  --pad: clamp(20px, 4vw, 48px);
  --rule-line: 1px solid var(--rule);

  /* ---- Z-layers ---- */
  --z-nav: 50;
  --z-modal: 100;
}