@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");

:root {
    /* Colors */
    --bg-dark: #0a0a0b;
    --bg-dark-secondary: #161618;
    --accent-gradient: linear-gradient(135deg, #4f46e5, #9333ea);
    --accent-color: #7c3aed;
    --accent-hover: #6d28d9;
    --text-primary: #ffffff;
    --text-secondary: #a1a1aa;

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: 1px solid rgba(255, 255, 255, 0.1);
    --glass-blur: blur(10px);

    /* Shadows */
    --shadow-subtle: 0 4px 15px rgba(0, 0, 0, 0.2);
    --shadow-accent: 0 4px 15px rgba(147, 51, 234, 0.3);
    --shadow-hover: 0 15px 30px rgba(0, 0, 0, 0.5);

    /* Borders & Border Radius */
    --border-radius-btn: 12px;
    --border-radius-card: 16px;

    /* Transitions */
    --transition-fast: 0.3s ease;
}