/**
 * GraviLog shared design tokens (marketing + dashboard).
 * Load before other GraviLog CSS.
 */
:root {
  --blue: #1170b8;
  --blue-deep: #1F3F70;
  --green: #199b57;
  --coral: #D64584;
  --paper: #F7F7F4;
  --paper-alt: #F0F1EC;
  --ink: #4D4C4D;
  --ink-soft: #4A5568;
  --line: #DEDDD3;
  --white: #FFFFFF;

  /* Aliases used by header / bridge */
  --emr-blue: var(--blue);
  --emr-blue-deep: var(--blue-deep);
  --emr-green: var(--green);
  --emr-coral: var(--coral);
  --emr-paper: var(--paper);
  --emr-paper-alt: var(--paper-alt);
  --emr-ink: var(--ink);
  --emr-ink-soft: var(--ink-soft);
  --emr-line: var(--line);

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;

  --shadow-card: 0 12px 32px -18px rgba(21, 34, 56, 0.22);
  --shadow-soft: 0 8px 24px -16px rgba(21, 34, 56, 0.18);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --space-9: 64px;

  --font-sans: 'IBM Plex Sans', sans-serif;
  --font-display: 'Fraunces', 'IBM Plex Sans', serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --text-body: 14.5px;
  --text-label: 13.5px;
  --text-helper: 12.5px;
}