/* tc-tokens.css — SINGLE-SOURCE design tokens, generated from tc_design_tokens.json.
 * The canonical brand/tier palette as CSS custom properties (--tc-* prefix).
 * index.html (landing) and any standalone page should reference these so a token
 * change in tc_design_tokens.json propagates everywhere. Regenerate on token change.
 * 2026-06-24. */
:root {
  --tc-primary: #0061D4;
  --tc-primary-dark: #0052B0;
  --tc-primary-soft: #7BB6F2;
  --tc-navy: #0B3F82;
  --tc-page-bg: #F7FBFF;
  --tc-surface: #FFFFFF;
  --tc-border: #D7E5F8;
  --tc-border-soft: #EEF5FF;
  --tc-text: #243447;
  --tc-subtext: #6B7A8D;
  --tc-muted: #8B92A5;
  --tc-success: #10B981;
  --tc-success-text: #15803D;
  --tc-success-bg: #DCFCE7;
  --tc-success-border: #86EFAC;
  --tc-warning: #F59E0B;
  --tc-warning-text: #92400E;
  --tc-warning-bg: #FEF3C7;
  --tc-warning-border: #FCD34D;
  --tc-danger: #DC2626;
  --tc-danger-text: #B91C1C;
  --tc-danger-bg: #FEE2E2;
  --tc-danger-border: #FCA5A5;
  --tc-info: #2563EB;
  --tc-info-text: #1D4ED8;
  --tc-info-bg: #DBEAFE;
  --tc-purple: #7C3AED;
  --tc-purple-text: #6D28D9;
  --tc-purple-bg: #EDE9FE;
  --tc-create: #16A34A;
  --tc-create-dark: #15803D;
  --tc-create-text: #166534;
  --tc-create-bg: #DCFCE7;
  --tc-create-border: #86EFAC;
  --tc-gray-50: #F9FAFB;
  --tc-gray-100: #F3F4F6;
  --tc-gray-200: #E5E7EB;
  --tc-gray-300: #D1D5DB;
  --tc-gray-400: #9CA3AF;
  --tc-gray-500: #6B7280;
  --tc-gray-600: #4B5563;
  --tc-gray-700: #374151;
  --tc-gray-800: #1F2937;
  --tc-gray-900: #111827;
  --tc-tier-family: #7C3AED;
  --tc-tier-family-2: #0061D4;
  --tc-tier-pro: #F59E0B;
  --tc-tier-pro-2: #D97706;
  --tc-tier-personal: #334155;
  --tc-tier-personal-2: #0F172A;
  --tc-badge-active: #10B981;
  --tc-badge-on-hold: #F59E0B;
  --tc-badge-mastered: #0061D4;
  --tc-badge-inactive: #8B92A5;
}