/* Bristol Pharmacy design tokens — the ONLY place raw color/scale values live.
   Personality (audit §8): warm Oklahoma community + editorial — Playfair Display
   headings over DM Sans body, red for action, gold for reassurance (never body
   text), cream surfaces. Readable and practical, not luxury-ornate.
   Measured contrast for every pairing: see CONTRAST-REPORT.md. */
:root {
  /* color roles */
  --color-primary: #A6192E;        /* Bristol red — actions, links */
  --color-primary-dark: #851425;
  --color-primary-deep: #5C0E1A;
  --color-accent: #8C6A1D;         /* Oklahoma gold, deepened for UI contrast */
  --color-accent-bright: #C8A24B;  /* decorative gold — borders, rules, large accents only */
  --color-canvas: #FAF4E9;         /* cream canvas — same family as surface-warm */
  --color-primary-soft: #F1DAD5;   /* soft red surface — easy on the eyes, charcoal text */
  --color-surface: #FFFDF8;
  --color-surface-warm: #FAF4E9;   /* cream */
  --color-surface-cream: #F3EAD9;
  --color-border: #E0D5BF;
  --color-text: #33291F;           /* warm brown-black */
  --color-text-soft: #5F5344;
  --color-text-inverse: #FFFDF8;
  --color-ink: #241C14;

  /* type — self-hosted variable fonts (css/fonts.css) */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
  --text-base: 1.0625rem;          /* slightly larger, editorial reading size */
  --text-sm: 0.9375rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.5rem;
  --text-2xl: 2.125rem;
  --text-3xl: 3rem;
  --tracking-label: 0.08em;

  /* spacing / shape — soft, warm */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 8px;             /* owner direction: crisp rounded-rects, not pills */
  --shadow-sm: 0 1px 3px rgba(36, 28, 20, 0.08);
  --shadow-md: 0 5px 16px rgba(36, 28, 20, 0.1);

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