/* The Super Sales Coach -- design tokens.
   Source of truth: brand board (Midnight / Blue / Sky / Slate / Cloud, Inter). */
:root {
  /* brand core */
  --c-midnight: #0B1220;
  --c-blue: #2563EB;
  --c-sky: #38BDF8;
  --c-slate: #94A3B8;
  --c-cloud: #E5E7EB;

  /* derived surfaces (midnight-family, dark-first) */
  --c-bg: #0B1220;
  --c-bg-raised: #0E1626;
  --c-panel: #111A2E;
  --c-panel-raised: #15203A;
  --c-panel-hover: #182746;
  --c-border: rgba(148, 163, 184, 0.14);
  --c-border-strong: rgba(148, 163, 184, 0.26);
  --c-border-accent: rgba(56, 189, 248, 0.35);

  /* text */
  --c-text: #F4F6FA;
  --c-text-soft: var(--c-cloud);
  --c-text-muted: var(--c-slate);
  --c-text-faint: #5B6B85;

  /* accents */
  --c-accent: var(--c-blue);
  --c-accent-2: var(--c-sky);
  --c-accent-grad: linear-gradient(135deg, var(--c-blue) 0%, var(--c-sky) 100%);
  --c-success: #34D399;
  --c-warning: #F59E0B;
  --c-danger: #F87171;

  /* typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 2.75rem;

  /* spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* radii + shadow */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --shadow-elevated: 0 24px 64px -24px rgba(1, 4, 12, 0.7);
  --shadow-soft: 0 10px 30px -14px rgba(1, 4, 12, 0.55);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}