/* BrokerCue — Design Tokens */
:root {
  --brand-50:  #f0f7f7;
  --brand-100: #d9eeed;
  --brand-200: #b3dddb;
  --brand-300: #80c7c4;
  --brand-400: #4daaa6;
  --brand-500: #2d8f8b;
  --brand-600: #1f7370;
  --brand-700: #1b5c5a;
  --brand-800: #174948;
  --brand-900: #133c3b;
  --brand-950: #0a2121;

  --color-bg:       #fafafa;
  --color-surface:  #ffffff;
  --color-fg:       #18181b;
  --color-muted:    #71717a;
  --color-muted-2:  #a1a1aa;
  --color-border:   #e4e4e7;
  --color-border-light: #f4f4f5;

  --color-primary:       var(--brand-600);
  --color-primary-hover: var(--brand-700);
  --color-primary-bg:    var(--brand-50);
  --color-primary-light: var(--brand-100);

  --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: 'Söhne', 'Avenir Next', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace, 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);
}