/* Explain: Theme design tokens for the dark analytics landing page */
:root {
    --primary-color: #38BDF8;
    --primary-hover: #0EA5E9;
    --secondary-color: #8B5CF6;
    --accent-color: #8B5CF6;
    --background-color: #07111F;
    --surface-color: #0B1728;
    --surface-elevated: rgba(15, 23, 42, 0.78);
    --surface-glass: rgba(15, 23, 42, 0.58);
    --text-color: #F8FAFC;
    --text-muted: #94A3B8;
    --border-color: rgba(148, 163, 184, 0.22);
    --success-color: #22C55E;
    --warning-color: #F59E0B;
    --danger-color: #FB7185;
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'IBM Plex Sans', sans-serif;
    --radius-xl: 28px;
    --radius-lg: 20px;
    --shadow-glow: 0 24px 80px rgba(56, 189, 248, 0.18);
    --shadow-violet: 0 20px 70px rgba(139, 92, 246, 0.16);
}