/* =========================================================================
   BRAND TOKENS — PLACEHOLDERS. NOTHING HERE IS VERIFIED MEDEXPRESS BRANDING.
   =========================================================================

   The only established facts are the wordmark: MEDEXPRESS set over
   LONG-TERM CARE PHARMACY. No colour, typeface, logo file or spacing scale
   has been supplied or verified, so every value below is a neutral,
   accessible default chosen to be obviously provisional and easy to replace.

   This is the ONLY file that should need editing when the real brand arrives.
   No colour, font stack or asset path appears anywhere else in the codebase.

   Contrast: every foreground/background pair defined here was chosen to meet
   WCAG 2.1 AA (4.5:1 for body text, 3:1 for large text and UI borders). If you
   replace these values, re-check the pairs — the layout assumes they pass.

   TODO(name): no logo asset path has been chosen. `--brand-logo-url` is unset
   on purpose; the header renders the wordmark as text until somebody supplies
   a file and a place to serve it from.
   ========================================================================= */

:root {
  /* --- Typeface -------------------------------------------------------- */
  /* System stack only. No web font is loaded: a font from a third-party host
     would be blocked by the Content Security Policy, and self-hosting one is a
     decision that waits for the real brand. */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-md: 0.9375rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;

  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  --tracking-wordmark: 0.14em;

  /* --- Neutral palette -------------------------------------------------- */
  --color-page: #f6f7f9;
  --color-surface: #ffffff;
  --color-surface-sunken: #eef0f4;
  --color-border: #c9ced9;
  --color-border-strong: #8b93a5;
  --color-text: #16181d;
  --color-text-muted: #4b515e;
  --color-text-inverse: #ffffff;

  /* --- Brand accents — PLACEHOLDER ------------------------------------- */
  --color-brand: #1b294a;
  --color-brand-hover: #101a31;
  --color-brand-text-on: #ffffff;

  /* --- Status palette --------------------------------------------------- */
  --color-danger: #7a1f1f;
  --color-danger-bg: #fbeaea;
  --color-warn: #6b4a05;
  --color-warn-bg: #fdf3dc;
  --color-ok: #1a5e58;
  --color-ok-bg: #e4f2f0;
  --color-info: #1f3f7a;
  --color-info-bg: #e8eefb;
  --color-locked: #3b2350;
  --color-locked-bg: #f0e9f7;

  /* --- Spacing and shape ------------------------------------------------ */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --radius-sm: 3px;
  --radius-md: 6px;
  --border-width: 1px;
  --focus-ring: 3px solid #1f3f7a;
  --focus-offset: 2px;

  /* --- Assets — PLACEHOLDER -------------------------------------------- */
  /* Unset on purpose. When a logo file exists, set this to its served path
     and the header will use it in place of the text wordmark. */
  /* --brand-logo-url: url("/static/brand/logo.svg"); */
  --brand-logo-height: 28px;
}