/* FancyNumber.ca global tokens v1.0 — source: docs/BRAND_GUIDELINES.md
   Load once globally when implementing Phase 2; do not duplicate token values. */
:root {
  --fn-navy: #16263D;
  --fn-blue: #3968AC;
  --fn-blue-hover: #28558F;
  --fn-ink: #213247;
  --fn-muted: #5A6C7D;
  --fn-surface: #FFFFFF;
  --fn-canvas: #F6F8FA;
  --fn-fog: #EAF1F8;
  --fn-cream: #FAF7F1;
  --fn-border: #D7E0E8;
  --fn-success: #176953;
  --fn-price-green: #146C43;
  --fn-amber: #A96811;
  --fn-amber-soft: #FFF0D3;
  --fn-coral: #B84D37;
  --fn-coral-soft: #FDEBE6;
  --fn-green-soft: #E7F4ED;
  --fn-danger: #A63D3D;
  --fn-focus: #2E69AE;
  --fn-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --fn-page-width: 1200px;
  --fn-radius-control: 8px;
  --fn-radius-card: 12px;
  --fn-radius-featured: 14px;
  --fn-radius-logo: 18px;
  --fn-shadow-card: 0 8px 24px rgba(22, 38, 61, 0.055);
  --fn-space-1: 4px;
  --fn-space-2: 8px;
  --fn-space-3: 12px;
  --fn-space-4: 16px;
  --fn-space-5: 20px;
  --fn-space-6: 24px;
  --fn-space-8: 32px;
  --fn-space-10: 40px;
  --fn-space-12: 48px;
  --fn-space-16: 64px;
  --fn-space-20: 80px;
}