/* NomadCue - Design Tokens */
:root {
  --brand-50:  #fff7ed;
  --brand-100: #ffedd5;
  --brand-200: #fed7aa;
  --brand-300: #fdba74;
  --brand-400: #fb923c;
  --brand-500: #f97316;
  --brand-600: #ea580c;
  --brand-700: #c2410c;
  --brand-800: #9a3412;
  --brand-900: #7c2d12;
  --brand-950: #431407;

  --color-page:     #fffaf4;
  --color-card:     #ffffff;
  --color-surface:  #fdf4e8;
  --color-bg:       var(--color-page);
  --color-body:     #1c1917;
  --color-fg:       var(--color-body);
  --color-secondary:#57534e;
  --color-muted:    #78716c;
  --color-muted-2:  #a8a29e;
  --color-border:   #ece3d6;
  --color-border-light: #f5efe7;

  --color-primary:       var(--brand-700);
  --color-primary-hover: var(--brand-800);
  --color-primary-bg:    rgba(249, 115, 22, 0.08);
  --color-primary-light: rgba(249, 115, 22, 0.14);
  --color-accent:        var(--brand-600);
  --color-cta:           var(--brand-600);
  --color-cta-hover:     var(--brand-700);
  --color-cta-bg:        rgba(234, 88, 12, 0.10);

  --color-success:       #059669;
  --color-success-bg:    #ecfdf5;
  --color-warning:       #d97706;
  --color-warning-bg:    #fffbeb;
  --color-danger:        #ef4444;
  --color-danger-bg:     #fef2f2;

  --color-sponsor:       #b45309;
  --color-sponsor-bg:    #fffbeb;
  --color-sponsor-border:#fde68a;
  --color-sponsor-badge: #d97706;

  --font-display: 'Sora', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    'Sora', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'Spline Sans Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-sm:  0.5rem;
  --radius-md:  0.75rem;
  --radius-lg:  1rem;
  --radius-xl:  1.5rem;
  --radius-full: 9999px;

  --shadow-card:  0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 10px 25px rgba(0,0,0,0.08), 0 4px 10px rgba(0,0,0,0.04);
  --shadow-button: 0 4px 14px rgba(31,115,112,0.25);
}