/* DeployCue - Design Tokens (slate + cyan, light, data-dense) */
:root {
  /* Brand = cyan-600 family. Cooler, brighter, and clearly NOT the broker teal. */
  --brand-50:  #ecfeff;
  --brand-100: #cffafe;
  --brand-200: #a5f3fc;
  --brand-300: #67e8f9;
  --brand-400: #22d3ee;
  --brand-500: #06b6d4;
  --brand-600: #0891b2;
  --brand-700: #0e7490;
  --brand-800: #155e75;
  --brand-900: #164e63;
  --brand-950: #083344;

  /* Neutral surfaces = slate (cool grey), not zinc/neutral. */
  --slate-50:  #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --slate-950: #020617;

  --color-bg:       #f8fafc;
  --color-surface:  #ffffff;
  --color-fg:       #0f172a;
  --color-muted:    #64748b;
  --color-muted-2:  #94a3b8;
  --color-border:   #e2e8f0;
  --color-border-light: #f1f5f9;

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

  /* Distinct accent (indigo) for secondary highlights, charts, badges. */
  --color-accent:        #6366f1;
  --color-accent-bg:     #eef2ff;

  --color-success:       #16a34a;
  --color-success-bg:    #f0fdf4;
  --color-warning:       #d97706;
  --color-warning-bg:    #fffbeb;
  --color-danger:        #e11d48;
  --color-danger-bg:     #fff1f2;

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

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

  /* Tighter radii than the broker theme - reads more "tooling/dashboard". */
  --radius-sm:  0.375rem;
  --radius-md:  0.5rem;
  --radius-lg:  0.75rem;
  --radius-xl:  1rem;
  --radius-full: 9999px;

  --shadow-card:  0 1px 2px rgba(15,23,42,0.06), 0 1px 1px rgba(15,23,42,0.04);
  --shadow-card-hover: 0 8px 24px rgba(15,23,42,0.10), 0 2px 8px rgba(15,23,42,0.05);
  --shadow-button: 0 4px 14px rgba(8,145,178,0.25);
}