:root {
  /* === Temel Renk Paleti === */
  --color-accent:        #6366f1;
  --color-accent2:       #8b5cf6;
  --color-accent-dark:   #4f46e5;
  --color-accent2-dark:  #7c3aed;

  /* Pink Renkleri */
  --color-pink:          #ec4899;
  --color-pink-dark:     #db2777;
  --color-pink-alt:      #f472b6;

  /* Yeşil Renkleri */
  --color-green:         #22c55e;
  --color-green-dark:    #16a34a;

  /* Kırmızı Renkleri */
  --color-red:           #f87171;
  --color-red-dark:      #b91c1c;
  --color-red-light:     #fca5a5;
  --color-red-bg:        #fef2f2;
  --color-red-border:    #fecaca;
  --gradient-danger:     linear-gradient(135deg, var(--color-red), var(--color-red-dark));
  --gradient-danger-dark: linear-gradient(160deg, #0f0505 0%, #1c0a0a 40%, #2d0f0f 100%);

  /* Diğer Renkler */
  --color-violet-mid:    #a78bfa;
  --color-slate-700:     #334155;

  /* Purple / Indigo Paleti */
  --color-purple-deep:   #1e1b4b;
  --color-indigo-50:     #eef2ff;
  --color-indigo-700:    #4338ca;
  --color-soft-white:    #fafbff;

  /* Success (Emerald) Paleti */
  --color-success:       #10b981;
  --color-success-dark:  #059669;
  --color-success-bg:    #f0fdf4;
  --color-success-light: #dcfce7;
  --color-success-border: #86efac;

  /* Amber / Orange Paleti */
  --color-amber:         #f59e0b;
  --color-amber-dark:    #d97706;
  --color-orange:        #f97316;
  --color-orange-dark:   #ea580c;
  --color-amber-bg:      #fffbeb;
  --color-amber-border:  #fde68a;

  /* Teal Paleti */
  --color-teal:          #14b8a6;
  --color-teal-dark:     #0d9488;

  /* Mobil Menü Accent */
  --color-accent-mobile: var(--color-accent);

  /* === Gradyanlar === */
  --gradient-accent:     linear-gradient(135deg, #6366f1, #8b5cf6);
  --gradient-accent-h:   linear-gradient(135deg, #4f46e5, #7c3aed);
  --gradient-accent-90:  linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);
  --gradient-dark-bg:    linear-gradient(180deg, #0a0e1a 0%, #111827 100%);
  --gradient-light-bg:   linear-gradient(135deg, #f8f9fa 0%, #fff 100%);

  /* === Karanlık Yüzeyler === */
  --dark-bg:             #0f172a;
  --dark-bg-alt:         #0a0e1a;
  --dark-surface:        rgb(30 41 59 / 50%);
  --dark-surface-hover:  rgb(30 41 59 / 80%);
  --dark-border:         rgb(99 102 241 / 10%);
  --dark-border-hover:   rgb(99 102 241 / 30%);

  /* === Açık Yüzeyler === */
  --light-bg:            #f8f9fa;
  --light-bg-alt:        #f8fafc;
  --light-border:        #e2e8f0;
  --white:               #fff;

  /* === Tipografi Renkleri === */
  --text-dark:           #1e293b;
  --text-body:           #475569;
  --text-light:          #64748b;
  --text-muted:          #94a3b8;
  --text-white:          #f1f5f9;
  --text-white-dim:      #e2e8f0;
  --text-accent:         #818cf8;
  --text-accent-light:   #a5b4fc;
  --text-accent-pale:    #c7d2fe;

  /* === Orb Efektleri === */
  --orb-accent:          rgb(99 102 241 / 5%);
  --orb-accent2:         rgb(139 92 246 / 4%);
  --orb-dark-accent:     rgb(99 102 241 / 8%);
  --orb-dark-accent2:    rgb(139 92 246 / 6%);

  /* === Gölgeler === */
  --shadow-sm:           0 2px 12px rgb(0 0 0 / 6%);
  --shadow-md:           0 8px 32px rgb(0 0 0 / 8%);
  --shadow-lg:           0 20px 60px rgb(0 0 0 / 14%);
  --shadow-accent-sm:    0 4px 15px rgb(99 102 241 / 30%);
  --shadow-accent-md:    0 8px 25px rgb(99 102 241 / 35%);
  --shadow-accent-lg:    0 20px 40px rgb(99 102 241 / 15%);

  /* === Kenar Yarıçapı === */
  --radius-xs:           6px;
  --radius-sm:           10px;
  --radius-md:           16px;
  --radius-lg:           20px;
  --radius-xl:           24px;
  --radius-pill:         50px;

  /* === Yazı Tipleri === */
  --font-sans:           'Geist', -apple-system, 'BlinkMacSystemFont', 'Segoe UI', sans-serif;
  --font-heading:        'Bricolage Grotesque', 'Geist', sans-serif;
  --font-mono:           'Geist Mono', ui-monospace, 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', monospace;

  /* === Hero Token'ları === */
  --hero-dark:           #0a0e1a;
  --hero-surface:        #111827;
  --hero-accent:         #6366f1;
  --hero-accent2:        #8b5cf6;

  /* === Sections Takma Adları === */
  --sec-dark-bg:            var(--dark-bg);
  --sec-dark-surface:       var(--dark-surface);
  --sec-dark-surface-hover: var(--dark-surface-hover);
  --sec-dark-border:        var(--dark-border);
  --sec-dark-border-hover:  var(--dark-border-hover);
  --sec-light-bg:           var(--gradient-light-bg);
  --sec-accent:             var(--color-accent);
  --sec-accent2:            var(--color-accent2);
  --sec-accent-gradient:    var(--gradient-accent);
  --sec-accent-pink:        var(--color-pink);
  --sec-text-dark:          var(--text-dark);
  --sec-text-medium:        var(--text-body);
  --sec-text-light:         var(--text-light);
  --sec-text-muted:         var(--text-muted);
  --sec-text-white:         var(--text-white);
  --sec-text-white-dim:     var(--text-white-dim);
  --sec-border-light:       var(--light-border);
  --sec-orb-accent:         var(--orb-accent);
  --sec-orb-accent2:        var(--orb-accent2);
  --sec-orb-dark-accent:    var(--orb-dark-accent);
  --sec-orb-dark-accent2:   var(--orb-dark-accent2);

  /* === Kullanıcı Paneli Takma Adları === */
  --ud-accent:           var(--color-accent);
  --ud-accent2:          var(--color-accent2);
  --ud-gradient:         var(--gradient-accent);
  --ud-dark:             var(--dark-bg);
  --ud-surface:          rgb(30 41 59 / 60%);
  --ud-border:           rgb(99 102 241 / 12%);
  --ud-border-h:         rgb(99 102 241 / 35%);
  --ud-light-bg:         var(--light-bg-alt);
  --ud-white:            var(--white);
  --ud-text-dark:        var(--dark-bg);
  --ud-text-body:        var(--text-body);
  --ud-text-muted:       var(--text-muted);
  --ud-green:            var(--color-green);
  --ud-radius:           var(--radius-md);
  --ud-radius-sm:        var(--radius-sm);
  --ud-shadow:           var(--shadow-md);
  --ud-shadow-lg:        var(--shadow-lg);

  /* === Spacing Ölçeği === */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* === Kesim Noktaları === */
  --bp-xs:  480px;
  --bp-sm:  768px;
  --bp-md:  992px;
  --bp-lg:  1200px;
  --bp-xl:  1280px;

  /* === Z-Index Ölçeği === */
  --z-base:          1;
  --z-dropdown:      100;
  --z-sticky:        200;
  --z-fixed:         300;
  --z-overlay:       1000;
  --z-modal:         1050;
  --z-popover:       1060;
  --z-tooltip:       1070;
  --z-fab:           1080;
  --z-header:        10000;
  --z-mega-menu:     10001;
  --z-mobile-menu:   10002;
  --z-topbar:        10003;
  --z-search-overlay: 10100;
  --z-notification:  99999;
  --z-critical:      100000;
}