/* ============================================== */
/* UNL DİJİTAL - DESIGN SYSTEM TOKENS (VARIABLES) */
/* ============================================== */

:root {
  /* Renk Paleti - Karanlık / Premium Slate & Onyx */
  --bg-primary: #0a0c10;
  --bg-secondary: #11141c;
  --bg-card: rgba(20, 24, 34, 0.75);
  --bg-card-hover: rgba(28, 34, 48, 0.85);
  --bg-glass: rgba(13, 16, 23, 0.75);
  --border-glass: rgba(255, 255, 255, 0.08);
  --border-glass-hover: rgba(255, 255, 255, 0.18);
  --border-accent: rgba(0, 242, 254, 0.3);

  /* Metin Renkleri */
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-light: #ffffff;

  /* Vurgular & Gradyanlar (Dijital Büyüme & Sinematik İmaj) */
  --accent-cyan: #00f2fe;
  --accent-blue: #4facfe;
  --accent-indigo: #6366f1;
  --accent-green: #10b981;
  --grad-primary: linear-gradient(135deg, #00f2fe 0%, #4facfe 50%, #6366f1 100%);
  --grad-glow: linear-gradient(135deg, rgba(0, 242, 254, 0.15), rgba(99, 102, 241, 0.15));
  --grad-card: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);

  /* Tipografi */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Gölgeler & Parlamalar */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.6);
  --glow-cyan: 0 0 25px rgba(0, 242, 254, 0.35);
  --glow-btn: 0 8px 25px rgba(79, 172, 254, 0.4);

  /* Ölçüler & Kenarlıklar */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Geçişler (Transitions) */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* Konteyner Genişliği */
  --container-max: 1200px;
}