/* ProSource Pharmacy design tokens — the ONLY place raw color/scale values live.
   Personality (audit §8): crisp Nevada desert modernism — high legibility, calm
   restrained red (not emergency-red), charcoal/white with warm sand neutrals,
   geometric wayfinding. Type: Archivo (headings) + Inter (body), self-hosted.
   Measured contrast for every pairing: see CONTRAST-REPORT.md. */
:root {
  /* color roles */
  --color-primary: #A93B2E;        /* calm desert red — actions, links */
  --color-primary-dark: #8A3026;
  --color-primary-deep: #5F211A;
  --color-accent: #8A6D3B;         /* desert brass — labels, rules (large/UI use) */
  --color-accent-dark: #6E5730;
  --color-canvas: #FFFFFF;         /* ProSource ground is WHITE (white/black/red identity) */
  --color-primary-soft: #F2DDD7;   /* soft desert red surface — charcoal text sits on it */
  --color-surface-gray: #EDEEF0;   /* cool gray band — breaks up white/sand monotony */
  --color-surface: #FFFFFF;
  --color-surface-warm: #F4EFE6;   /* sand */
  --color-surface-cream: #EDE5D6;
  --color-border: #D8CFBE;
  --color-text: #2E2A26;           /* warm charcoal */
  --color-text-soft: #5C554D;
  --color-text-inverse: #FFFFFF;
  --color-ink: #211E1B;

  /* type — self-hosted variable fonts (css/fonts.css) */
  --font-heading: 'Archivo', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.875rem;
  --text-3xl: 2.75rem;
  --tracking-label: 0.14em;        /* geometric wayfinding labels */

  /* spacing / shape — squared, architectural */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.75rem;
  --space-6: 4.5rem;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 4px;              /* ProSource stays rectangular by design */
  --shadow-sm: 0 1px 2px rgba(33, 30, 27, 0.08);
  --shadow-md: 0 3px 10px rgba(33, 30, 27, 0.1);

  /* focus + motion + layering */
  --focus-ring: 3px solid #1A5FB4;
  --focus-offset: 2px;
  --motion-fast: 150ms;
  --motion-reveal: 500ms;
  --z-header: 100;
  --z-action-bar: 90;
}