/* ═══════════════════════════════════════════
   Astroloop — Design Tokens & Variables
   ═══════════════════════════════════════════ */

:root {
    /* ── Arka Plan — Referans görseldeki derin uzay tonları ── */
    --bg-primary: #ffffff;
    --bg-secondary: #0b1029;
    --bg-tertiary: #101535;

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-bg-strong: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-border-bright: rgba(34, 34, 34, 0.14);
    --glass-blur: 24px;

    /* Altın — referans görseldeki warm altın tonu */
    --gold: #c9a84c;
    --gold-light: #dfc07a;
    --gold-dim: rgba(201, 168, 76, 0.25);
    --gold-glow: rgba(201, 168, 76, 0.45);
    --gold-glow-strong: rgba(201, 168, 76, 0.7);

    /* CTA Mavi — referans görseldeki parlak cyan-mavi */
    --cta-blue: #1fa5db;
    --cta-blue-hover: #3fc0f5;
    --cta-blue-glow: rgba(31, 165, 219, 0.35);

    /* Metin — Daha parlak, okunaklı */
    --text-primary: #303030;
    --text-secondary: #979797;
    --text-muted: #828283;
    --text-gold: #d4b85c;

    /* ── Tipografi — Okunabilir fontlar ── */
    --font-display: 'Cinzel', serif;
    --font-body: 'Outfit', sans-serif;
    --font-ui: 'Inter', sans-serif;

    /* ── Boyutlar ── */
    --navbar-height: 56px;
    --container-max: 1400px;
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;

    /* ── Geçişler ── */
    --transition-fast: 0.2s ease;
    --transition-med: 0.4s ease;
    --transition-slow: 0.8s ease;
}

/* ═══ Gold Gradient Text Utility ═══ */
.text-gold-gradient {
    background: linear-gradient(135deg, #f5eed6 0%, #dfc07a 30%, #c9a84c 60%, #b8962f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}