/* base.css — Değişkenler, reset, body */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --brand-cyan:    #00f5ff;
    --brand-magenta: #ff00ff;
    --brand-purple:  #7c3aed;
    --brand-purple-hover: #6d28d9;
    --brand-blue:    #3b82f6;

    --bg-dark:  #0a0a1f;
    --bg-dark2: #1a0a2e;
    --bg-dark3: #0f3460;

    --text-primary: #ffffff;
    --text-muted:   #b8b8ff;
    --text-dim:     #8888aa;

    --card-bg:           rgba(255,255,255,0.04);
    --card-border:       rgba(0,245,255,0.2);
    --card-hover-border: rgba(0,245,255,0.7);

    --shadow-glow:      0 0 30px rgba(0,245,255,0.3);
    --shadow-purple:    0 0 30px rgba(124,58,237,0.35);

    --radius-card: 14px;
    --radius-btn:  6px;
    --transition:  all 0.3s cubic-bezier(0.4,0,0.2,1);

    --font-heading: 'Space Grotesk', sans-serif;
    --font-body:    'Nunito', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
    font-family: var(--font-body);
    background: linear-gradient(135deg, #0a0a1f 0%, #1a0a2e 25%, #16213e 50%, #0f3460 75%, #533483 100%);
    background-attachment: fixed;
    color: var(--text-primary);
    overflow-x: hidden;
    min-height: 100vh;
    line-height: 1.7;
}