/**
 * GENERATED FILE - DO NOT EDIT.
 * 
 * Source: design/tokens/*.json
 * Build:  npm run tokens:build
 * 
 * Edits here are overwritten on the next build and will fail the CI
 * drift check. Change the token source instead.
 */

:root {
  /* Canonical tokens, generated from design/tokens/ */
  --color-brand-navy: #0c1f1d;
  --color-brand-navy-2: #0b4f4a;
  --color-brand-accent: #0f7b6c;
  --color-brand-accent-soft: rgba(15, 123, 108, 0.1);
  --color-brand-accent-glow: rgba(15, 123, 108, 0.3);
  --color-brand-accent-press: #0b665a;
  --color-brand-accent-wash: #e2f1ed;
  --color-brand-teal: #1fa98d;
  --color-brand-teal-bright: #28b99c;
  --color-brand-on-brand: #ffffff;
  --color-brand-accent-on-dark: #4fd6b8;
  --color-brand-on-dark-muted: #a3b8b3;
  --color-brand-accent-on-dark-strong: #a7f3e0;
  --color-surface-white: #ffffff;
  --color-surface-grey: #f5f9f8;
  --color-surface-subtle: #fbfdfc;
  --color-surface-cream: #e7f0ee;
  --color-surface-border: rgba(12, 31, 29, 0.12);
  --color-surface-border-soft: rgba(12, 31, 29, 0.08);
  --color-surface-border-strong: rgba(12, 31, 29, 0.24);
  --color-text-primary: #0c1f1d;
  --color-text-secondary: #5a6d66;
  --color-text-muted: #40544f;
  --color-semantic-success: #0f7b6c;
  --color-semantic-success-soft: #e2f1ed;
  --color-semantic-success-text: #0b4f4a;
  --color-semantic-warning: #f5a623;
  --color-semantic-warning-soft: #fdf2de;
  --color-semantic-warning-text: #9a6200;
  --color-semantic-danger: #e12836;
  --color-semantic-danger-soft: #fce7e8;
  --color-semantic-danger-text: #b3121f;
  --color-semantic-info-soft: #e2f1ed;
  --color-semantic-danger-on-dark: #ff6b6f;
  --color-semantic-high: #d9542b;
  --color-semantic-high-text: #8a3a18;
  --shadow-card: 0 1px 2px rgba(11,79,74,0.07), 0 2px 8px rgba(11,79,74,0.06);
  --shadow-soft: 0 1px 2px rgba(11,79,74,0.06);
  --shadow-lift: 0 4px 12px rgba(11,79,74,0.10), 0 12px 32px rgba(11,79,74,0.10);
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 22px;
  --radius-card: 16px;
  --radius-pill: 9999px;
  --layout-max: 1200px;
  --layout-topnav-h: 72px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --space-10: 64px;
  --space-12: 96px;
  --space-16: 128px;
  --font-sans: Geist, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Instrument Serif', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  /* Legacy names, kept so existing stylesheets keep working.
     Migrate a stylesheet at a time, then delete from LEGACY_ALIASES
     in design/build.mjs. */
  --tp-primary-navy: var(--color-brand-navy);
  --tp-navy-2: var(--color-brand-navy-2);
  --tp-clinical-blue: var(--color-brand-accent);
  --tp-accent: var(--color-brand-accent);
  --tp-accent-dot: var(--color-brand-accent);
  --tp-accent-soft: var(--color-brand-accent-soft);
  --tp-accent-glow: var(--color-brand-accent-glow);
  --tp-accent-press: var(--color-brand-accent-press);
  --tp-accent-wash: var(--color-brand-accent-wash);
  --tp-accent-on-dark: var(--color-brand-accent-on-dark);
  --tp-on-dark-muted: var(--color-brand-on-dark-muted);
  --tp-accent-on-dark-strong: var(--color-brand-accent-on-dark-strong);
  --tp-high: var(--color-semantic-high);
  --tp-high-text: var(--color-semantic-high-text);
  --tp-partner-teal: var(--color-brand-teal);
  --tp-teal-bright: var(--color-brand-teal-bright);
  --tp-on-brand: var(--color-brand-on-brand);
  --tp-white: var(--color-surface-white);
  --tp-soft-grey-bg: var(--color-surface-grey);
  --tp-bg-subtle: var(--color-surface-subtle);
  --tp-cream: var(--color-surface-cream);
  --tp-border-grey: var(--color-surface-border);
  --tp-border-soft: var(--color-surface-border-soft);
  --tp-border-strong: var(--color-surface-border-strong);
  --tp-text-primary: var(--color-text-primary);
  --tp-text-secondary: var(--color-text-secondary);
  --tp-text-muted: var(--color-text-muted);
  --tp-success: var(--color-semantic-success);
  --tp-success-soft: var(--color-semantic-success-soft);
  --tp-success-text: var(--color-semantic-success-text);
  --tp-warning: var(--color-semantic-warning);
  --tp-warning-soft: var(--color-semantic-warning-soft);
  --tp-warning-text: var(--color-semantic-warning-text);
  --tp-danger: var(--color-semantic-danger);
  --tp-danger-soft: var(--color-semantic-danger-soft);
  --tp-danger-text: var(--color-semantic-danger-text);
  --tp-danger-on-dark: var(--color-semantic-danger-on-dark);
  --tp-info-soft: var(--color-semantic-info-soft);
  --tp-radius-sm: var(--radius-sm);
  --tp-radius-md: var(--radius-md);
  --tp-radius-lg: var(--radius-lg);
  --tp-radius-xl: var(--radius-xl);
  --tp-radius-card: var(--radius-card);
  --tp-radius-pill: var(--radius-pill);
  --tp-shadow-card: var(--shadow-card);
  --tp-shadow-soft: var(--shadow-soft);
  --tp-shadow-lift: var(--shadow-lift);
  --tp-max: var(--layout-max);
  --tp-topnav-h: var(--layout-topnav-h);
  --tp-sans: var(--font-sans);
  --tp-display: var(--font-display);
  --tp-mono: var(--font-mono);
}