/* ============================================
   VARIABLES / DESIGN TOKENS
   ============================================ */

:root {
    /* Colors */
    --primary: #00d4d4;
    --secondary: #d400d4;
    --accent: #66b3ff;
    --bg-dark: #0a0a0a;
    --bg-surface: #121214;
    --text-light: #F5F5F5;
    --text-muted: #A0A0A0;

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.04);
    --glass-border: rgba(255, 255, 255, 0.10);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.85);

    /* Effects */
    --neon-shadow: 0 0 8px rgba(0, 200, 200, 0.4), 0 0 12px rgba(0, 200, 200, 0.2);

    /* Typography */
    --font-main: 'Outfit', sans-serif;

    /* Transitions */
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}