/**
 * Landing tokens — same NeoTech language as the dashboard,
 * with marketing-only color energy (blue→purple, purple→pink, cyan).
 */
:root {
    --neo-bg: #f0f2f7;
    --neo-surface: #ffffff;
    --neo-surface-2: #f5f7fb;
    --neo-border: rgba(15, 23, 42, 0.08);
    --neo-border-strong: rgba(15, 23, 42, 0.14);
    --neo-accent: #475569;
    --neo-accent-hover: #334155;
    --neo-secondary: #0ea5e9;
    --neo-text: #0f172a;
    --neo-muted: #475569;
    --neo-radius: 14px;
    --neo-radius-sm: 10px;
    --neo-card-shadow: 0 4px 24px rgba(15, 23, 42, 0.07);
    --neo-nav-floating: 0 4px 24px rgba(15, 23, 42, 0.08);

    --intro-bg: var(--neo-bg);
    --intro-bg-muted: var(--neo-surface-2);
    --intro-surface: var(--neo-surface);
    --intro-surface-hover: #f8fafc;
    --intro-text: var(--neo-text);
    --intro-heading: #0f172a;
    --intro-muted: #64748b;
    --intro-border: var(--neo-border);
    --intro-radius-sm: var(--neo-radius-sm);
    --intro-radius-md: var(--neo-radius);
    --intro-radius-lg: 24px;
    --intro-shadow: var(--neo-card-shadow);
    --intro-shadow-lg: 0 24px 56px rgba(15, 23, 42, 0.12);
    --intro-header-h: 88px;
    --intro-glass: rgba(255, 255, 255, 0.72);

    --lp-grad-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    --lp-grad-secondary: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);
    --lp-success: #10b981;
    --lp-warning: #f59e0b;
    --lp-info: #06b6d4;
    --lp-glow-blue: rgba(37, 99, 235, 0.28);
    --lp-glow-purple: rgba(124, 58, 237, 0.22);
    --lp-glow-cyan: rgba(6, 182, 212, 0.2);
}

html[data-intro-theme="dark"] {
    --neo-bg: #121212;
    --neo-surface: #1e1e1e;
    --neo-surface-2: #252525;
    --neo-border: rgba(255, 255, 255, 0.05);
    --neo-border-strong: #2d2d2d;
    --neo-accent: #64748b;
    --neo-accent-hover: #94a3b8;
    --neo-secondary: #38bdf8;
    --neo-text: #f3f4f6;
    --neo-muted: #c4c4c4;
    --neo-card-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
    --neo-nav-floating: 0 8px 32px rgba(0, 0, 0, 0.35);

    --intro-bg: var(--neo-bg);
    --intro-bg-muted: var(--neo-surface-2);
    --intro-surface: var(--neo-surface);
    --intro-surface-hover: #252a34;
    --intro-text: var(--neo-text);
    --intro-heading: #f8fafc;
    --intro-muted: #94a3b8;
    --intro-border: var(--neo-border);
    --intro-glass: rgba(18, 18, 18, 0.78);
    --intro-shadow: var(--neo-card-shadow);
    --intro-shadow-lg: 0 30px 90px rgba(0, 0, 0, 0.42);
    --lp-glow-blue: rgba(59, 130, 246, 0.35);
    --lp-glow-purple: rgba(168, 85, 247, 0.28);
    --lp-glow-cyan: rgba(34, 211, 238, 0.22);
}