/**
 * Smart Solve Token (SST 2.0) - Design Variables & Theme Tokens
 * Dark Futuristic Web3 / Institutional DeFi Aesthetics
 */

:root {
    /* Color Palette */
    --bg-primary: #050814;
    --bg-secondary: #090f22;
    --bg-card: rgba(13, 21, 44, 0.72);
    --bg-card-hover: rgba(18, 29, 61, 0.85);
    --bg-card-solid: #0d152c;
    --bg-glass: rgba(11, 18, 38, 0.65);
    --bg-input: rgba(6, 11, 25, 0.8);
    --bg-dropdown: #0d152c;

    /* Accent & Brand Colors */
    --primary-blue: #00d2ff;
    --primary-blue-rgb: 0, 210, 255;
    --deep-blue: #0066ff;
    --deep-blue-rgb: 0, 102, 255;
    --neon-purple: #a855f7;
    --neon-purple-rgb: 168, 85, 247;
    --gold-accent: #f59e0b;
    --gold-accent-rgb: 245, 158, 11;
    --emerald-green: #10b981;
    --emerald-green-rgb: 16, 185, 129;
    --crimson-red: #ef4444;
    --crimson-red-rgb: 239, 68, 68;

    /* Text Colors */
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --text-dim: #64748b;
    --text-inverse: #030712;

    /* Borders & Outlines */
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-card: rgba(0, 210, 255, 0.16);
    --border-card-hover: rgba(0, 210, 255, 0.4);
    --border-focus: rgba(0, 210, 255, 0.65);

    /* Gradients */
    --grad-primary: linear-gradient(135deg, #00d2ff 0%, #0066ff 100%);
    --grad-secondary: linear-gradient(135deg, #00d2ff 0%, #a855f7 100%);
    --grad-gold: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    --grad-dark: linear-gradient(180deg, #0b1226 0%, #050814 100%);
    --grad-card: linear-gradient(135deg, rgba(16, 27, 56, 0.7) 0%, rgba(9, 15, 34, 0.7) 100%);
    --grad-glow: radial-gradient(circle at 50% -20%, rgba(0, 210, 255, 0.15), transparent 70%);

    /* Shadows & Glows */
    --glow-blue: 0 0 25px rgba(0, 210, 255, 0.25);
    --glow-blue-lg: 0 0 45px rgba(0, 210, 255, 0.35);
    --glow-purple: 0 0 25px rgba(168, 85, 247, 0.25);
    --glow-green: 0 0 25px rgba(16, 185, 129, 0.25);
    --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--border-card);
    --shadow-modal: 0 25px 60px -15px rgba(0, 0, 0, 0.8), 0 0 0 1px var(--border-card-hover);

    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

    /* Layout & Sizing */
    --max-width: 1280px;
    --header-height: 80px;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}