/* Explain: GrowthSignal design tokens for colors, fonts, and surfaces */
:root {
    --primary-color: #2563EB;
    --primary-hover: #1D4ED8;
    --secondary-color: #22C55E;
    --accent-color: #22C55E;
    --background-color: #07111F;
    --surface-color: #0D1A2B;
    --surface-strong: #111F33;
    --text-color: #F8FAFC;
    --muted-color: #9CA3AF;
    --border-color: rgba(248, 250, 252, 0.14);
    --midnight-color: #07111F;
    --electric-blue: #2563EB;
    --electric-blue-dark: #1D4ED8;
    --signal-green: #22C55E;
    --signal-green-dark: #16A34A;
    --warm-white: #F8FAFC;
    --graphite-color: #1F2937;
    --soft-blue: #B9C7DD;
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius-xl: 28px;
    --radius-lg: 20px;
    --shadow-signal: 0 24px 90px rgba(37, 99, 235, 0.28);
}