/* SETA Everyone design tokens. Loaded before every public stylesheet. */
:root {
    /* Brand Colors */
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-light: #eff6ff;
    --primary-glow: rgba(37, 99, 235, 0.35);
    
    /* Dark Theme (Hero & CTA) */
    --dark-bg: #070d1e;
    --dark-card: #0d152a;
    --dark-card-border: rgba(255, 255, 255, 0.1);
    --dark-text-head: #ffffff;
    --dark-text-body: #94a3b8;
    --dark-text-muted: #64748b;
    
    /* Light Theme (Content Sections) */
    --light-bg: #ffffff;
    --light-bg-alt: #f8fafc;
    --light-text-head: #0f172a;
    --light-text-body: #475569;
    --light-text-muted: #64748b;
    --border-subtle: #e2e8f0;
    --border-hover: #cbd5e1;
    
    /* Accents */
    --accent-blue: #3b82f6;
    --accent-cyan: #06b6d4;
    --accent-purple: #8b5cf6;
    --accent-emerald: #10b981;
    --accent-rose: #f43f5e;
    --accent-amber: #f59e0b;

    /* Fonts & Radii */
    --font-main: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-pill: 9999px;
    
    /* Shadows */
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.04);
    --shadow-hover: 0 20px 30px -10px rgba(37, 99, 235, 0.12);
    --shadow-button: 0 4px 18px rgba(37, 99, 235, 0.35);

    /* Motion */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-fast: 160ms;
    --dur-base: 280ms;
    --dur-slow: 640ms;

    /* Layout */
    --header-height: 76px;
    --section-gap: clamp(4rem, 8vw, 7rem);
}