/* ============================================================
   YILDIZ GYO - Design Token Sistemi
   Tüm CSS değişkenleri burada tanımlanır
   ============================================================ */

:root {
  /* ──────────────────────────────────────────
     RENK PALETİ
     ────────────────────────────────────────── */
  --color-primary:      #0d1b2a;    /* Koyu lacivert */
  --color-primary-dark: #060e17;    /* Çok koyu lacivert */
  --color-secondary:    #1a2f4a;    /* Orta lacivert */
  --color-tertiary:     #243d5c;    /* Açık lacivert */

  --color-gold:         #c9a84c;    /* Altın ana */
  --color-gold-light:   #e8c97a;    /* Açık altın */
  --color-gold-dark:    #a08030;    /* Koyu altın */
  --color-gold-subtle:  rgba(201, 168, 76, 0.12);

  --color-dark:         #0a0f1e;    /* Koyu zemin */
  --color-anthracite:   #2d3748;    /* Antrasit */
  --color-charcoal:     #4a5568;    /* Kömür */

  --color-light:        #f5f0e8;    /* Kırık beyaz */
  --color-lighter:      #faf8f4;    /* Çok açık */
  --color-white:        #ffffff;

  --color-text-primary: #1a1a2e;
  --color-text-muted:   #6b7280;
  --color-text-light:   #9ca3af;

  --color-border:       rgba(201, 168, 76, 0.2);
  --color-border-light: rgba(0, 0, 0, 0.08);

  --color-success:      #10b981;
  --color-warning:      #f59e0b;
  --color-error:        #ef4444;
  --color-info:         #3b82f6;

  /* ──────────────────────────────────────────
     TİPOGRAFİ
     ────────────────────────────────────────── */
  --font-heading: 'Cormorant Garamond', 'Georgia', serif;
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.1rem;     /* ~17.6px (20% reduction from 1.25rem/20px) */
  --text-2xl:  1.2rem;     /* ~19.2px (20% reduction from 1.5rem/24px) */
  --text-3xl:  1.5rem;     /* ~24px (20% reduction from 1.875rem/30px) */
  --text-4xl:  1.8rem;     /* ~28.8px (20% reduction from 2.25rem/36px) */
  --text-5xl:  2.4rem;     /* ~38.4px (20% reduction from 3rem/48px) */
  --text-6xl:  3.0rem;     /* ~48px (20% reduction from 3.75rem/60px) */
  --text-7xl:  3.6rem;     /* ~57.6px (20% reduction from 4.5rem/72px) */
  --text-8xl:  4.8rem;     /* ~76.8px (20% reduction from 6rem/96px) */

  --weight-light:     300;
  --weight-normal:    400;
  --weight-medium:    500;
  --weight-semibold:  600;
  --weight-bold:      700;
  --weight-extrabold: 800;

  --leading-tight:   1.2;
  --leading-snug:    1.375;
  --leading-normal:  1.5;
  --leading-relaxed: 1.625;
  --leading-loose:   2;

  --tracking-tight:  -0.025em;
  --tracking-normal: 0;
  --tracking-wide:   0.025em;
  --tracking-wider:  0.05em;
  --tracking-widest: 0.1em;
  --tracking-luxury: 0.15em;

  /* ──────────────────────────────────────────
     BOYUTLAR VE BOŞLUKLAR
     ────────────────────────────────────────── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;
  --space-40:  10rem;
  --space-48:  12rem;

  --section-py:     var(--space-20);
  --section-py-lg:  var(--space-32);

  /* ──────────────────────────────────────────
     BORDER RADIUS
     ────────────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-card: 12px;
  --radius-pill: 9999px;

  /* ──────────────────────────────────────────
     GÖLGELER
     ────────────────────────────────────────── */
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:      0 4px 16px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-lg:      0 10px 40px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);
  --shadow-xl:      0 20px 60px rgba(0,0,0,0.15), 0 8px 16px rgba(0,0,0,0.08);
  --shadow-luxury:  0 25px 80px rgba(13,27,42,0.25), 0 0 0 1px var(--color-border);
  --shadow-gold:    0 8px 32px rgba(201,168,76,0.25);
  --shadow-card:    0 8px 32px rgba(13,27,42,0.08);
  --shadow-inset:   inset 0 2px 4px rgba(0,0,0,0.06);

  /* ──────────────────────────────────────────
     GEÇİŞLER
     ────────────────────────────────────────── */
  --transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base:   300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   500ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-luxury: 600ms cubic-bezier(0.23, 1, 0.32, 1);

  /* ──────────────────────────────────────────
     Z-INDEX
     ────────────────────────────────────────── */
  --z-negative: -1;
  --z-base:      0;
  --z-raised:    10;
  --z-dropdown:  100;
  --z-sticky:    200;
  --z-overlay:   300;
  --z-modal:     400;
  --z-toast:     500;
  --z-tooltip:   600;

  /* ──────────────────────────────────────────
     LAYOUT
     ────────────────────────────────────────── */
  --container-max: 1400px;
  --container-xl:  1200px;
  --container-lg:  1024px;
  --container-sm:  768px;

  --header-height:     136px;
  --header-height-sm:  80px;
  --sidebar-width:     280px;

  /* ──────────────────────────────────────────────────────────
     GRADİYANLAR
     ────────────────────────────────────────────────────────── */
  --gradient-gold:       linear-gradient(135deg, var(--color-gold-dark), var(--color-gold), var(--color-gold-light));
  --gradient-dark:       linear-gradient(180deg, var(--color-primary) 0%, var(--color-dark) 100%);
  --gradient-hero:       linear-gradient(180deg, rgba(13,27,42,0.3) 0%, rgba(13,27,42,0.7) 100%);
  --gradient-card:       linear-gradient(180deg, transparent 40%, rgba(13,27,42,0.95) 100%);
  --gradient-section:    linear-gradient(180deg, var(--color-lighter) 0%, var(--color-white) 100%);
  --gradient-glass:      linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));

  /* ──────────────────────────────────────────
     GEÇİRGENLİK (Glassmorphism)
     ────────────────────────────────────────── */
  --glass-bg:           rgba(13,27,42,0.8);
  --glass-border:       rgba(201,168,76,0.2);
  --glass-blur:         backdrop-filter: blur(20px);
}

/* ──────────────────────────────────────────
   DARK MODE HAZIRLIĞI (ileride)
   ────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
  :root {
    /* Tokens override edilebilir */
  }
}