/*
 * Stormap Shared Theme Tokens
 * Tokens-only; safe to include alongside existing page styles.
 * Source of truth: public/index.html (Phase 1). Keep in sync.
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
    --primary: #7c5cff;
    --primary-dark: #6246ea;
    --secondary: #22d3ee;
    --accent: #ff4fa3;
    --bg: #07081a;
    --bg-elev: #0f1030;
    --surface: #12143a;
    --border: rgba(255, 255, 255, 0.08);
    --text-main: #eef0ff;
    --text-muted: #9aa3c7;
    --grad-primary: linear-gradient(135deg, #7c5cff 0%, #22d3ee 100%);
    --grad-accent: linear-gradient(135deg, #ff4fa3 0%, #7c5cff 100%);
    --card-shadow: 0 6px 24px -12px rgba(0, 0, 0, 0.6), 0 2px 6px -2px rgba(0, 0, 0, 0.4);
    --card-shadow-hover: 0 20px 48px -16px rgba(124, 92, 255, 0.45), 0 6px 18px -8px rgba(34, 211, 238, 0.25);
    --glow: 0 0 40px rgba(124, 92, 255, 0.35);
    --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --font-display: 'Space Grotesk', 'Plus Jakarta Sans', system-ui, sans-serif;
}

html[data-theme="light"] {
    --primary: #6246ea;
    --primary-dark: #4c34c9;
    --secondary: #0891b2;
    --accent: #db2777;
    --bg: #f7f8fc;
    --bg-elev: #ffffff;
    --surface: #ffffff;
    --border: #e6e9f3;
    --text-main: #1a1d2e;
    --text-muted: #5b6173;
    --card-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 2px 4px -1px rgba(15, 23, 42, 0.05);
    --card-shadow-hover: 0 14px 28px -10px rgba(98, 70, 234, 0.25), 0 6px 12px -4px rgba(15, 23, 42, 0.08);
    --glow: 0 0 40px rgba(98, 70, 234, 0.18);
}