/**
 * Prescott Bio Canada - Design Tokens
 * CSS custom properties for all brand tokens.
 * Source of truth: BRAND.md
 */

:root {
  /* Core Neutrals */
  --pbc-white: #FFFFFF;
  --pbc-off-white: #F5F7FA;
  --pbc-gray-1: #E6EAF0;
  --pbc-gray-2: #C9D1DB;
  --pbc-graphite: #2B3642;
  --pbc-near-black: #0E1720;

  /* Aliases (style.css naming) */
  --pbc-sterile-white: var(--pbc-white);
  --pbc-clinical-off-white: var(--pbc-off-white);
  --pbc-cool-gray-1: var(--pbc-gray-1);
  --pbc-cool-gray-2: var(--pbc-gray-2);

  /* Primary Medical Hues */
  --pbc-deep-navy: #0B1F33;
  --pbc-medical-teal: #0AA6B4;
  --pbc-accessible-teal: #078A94;

  /* System Colors */
  --pbc-success: #1FAD83;
  --pbc-warning: #F59E0B;
  --pbc-critical: #D92D20;
  --pbc-info: #2E90FA;

  /* Spacing (8pt grid) — canonical names */
  --pbc-space-1: 8px;
  --pbc-space-2: 16px;
  --pbc-space-3: 24px;
  --pbc-space-4: 32px;
  --pbc-space-5: 40px;
  --pbc-space-6: 48px;
  --pbc-space-7: 64px;

  /* Spacing aliases (style.css naming) */
  --pbc-sp-xs: var(--pbc-space-1);
  --pbc-sp-sm: var(--pbc-space-2);
  --pbc-sp-md: var(--pbc-space-3);
  --pbc-sp-lg: var(--pbc-space-4);
  --pbc-sp-xl: var(--pbc-space-5);
  --pbc-sp-2xl: var(--pbc-space-6);
  --pbc-sp-3xl: var(--pbc-space-7);

  /* Typography */
  --pbc-font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --pbc-font-mono: 'IBM Plex Mono', 'Courier New', monospace;
  --pbc-font-doc: 'IBM Plex Sans', 'Source Sans 3', sans-serif;

  /* Type Scale — canonical names */
  --pbc-text-h1: 40px;
  --pbc-lh-h1: 48px;
  --pbc-text-h2: 28px;
  --pbc-lh-h2: 36px;
  --pbc-text-h3: 20px;
  --pbc-lh-h3: 28px;
  --pbc-text-body: 16px;
  --pbc-lh-body: 24px;
  --pbc-text-small: 13px;
  --pbc-lh-small: 20px;
  --pbc-text-data: 13px;
  --pbc-lh-data: 18px;

  /* Type Scale aliases (style.css naming) */
  --pbc-fs-h1: var(--pbc-text-h1);
  --pbc-fs-h2: var(--pbc-text-h2);
  --pbc-fs-h3: var(--pbc-text-h3);
  --pbc-fs-body: var(--pbc-text-body);
  --pbc-fs-small: var(--pbc-text-small);
  --pbc-fs-data: var(--pbc-text-data);

  /* Layout */
  --pbc-content-width: 960px;
  --pbc-wide-width: 1200px;
  --pbc-border-radius: 8px;

  /* Layout aliases */
  --pbc-radius: var(--pbc-border-radius);
  --pbc-radius-sm: 4px;
  --pbc-border: 1px solid var(--pbc-gray-1);

  /* Focus */
  --pbc-focus-outline: 2px solid var(--pbc-accessible-teal);
  --pbc-focus-offset: 2px;
}