/* =====================================================
   MAVERA MHK — MERKEZI TEMA TOKEN SİSTEMİ
   Tüm renkler, tipografi ve spacing buradan yönetilir.
   Hiçbir component içine sabit renk yazılmaz.
   ===================================================== */

:root {
  /* ---- ANA RENKLER ---- */
  --color-primary:        #C9962A;   /* Altın sarısı - logo renginden */
  --color-primary-light:  #E8B84B;   /* Açık altın */
  --color-primary-dark:   #A67B1E;   /* Koyu altın */
  --color-primary-rgb:    201, 150, 42;

  --color-secondary:      #1A4435;   /* Koyu zeytin yeşili - logo zemini */
  --color-secondary-light:#235C47;   /* Orta yeşil */
  --color-secondary-dark: #0F2B22;   /* Çok koyu yeşil */
  --color-secondary-rgb:  26, 68, 53;

  --color-accent:         #D4A843;   /* Vurgu - sıcak altın */
  --color-accent-soft:    rgba(212, 168, 67, 0.12);

  /* ---- ARKAPLANLAR ---- */
  --color-bg:             #0E1C16;   /* Ana arkaplan - derin koyu yeşil */
  --color-bg-alt:         #131F19;   /* Alternatif arkaplan */
  --color-surface:        #1A2E24;   /* Kart yüzeyi */
  --color-card:           #1F3829;   /* İçerik kartı */
  --color-card-hover:     #253F30;   /* Hover kartı */
  --color-overlay:        rgba(14, 28, 22, 0.85);

  /* ---- METİNLER ---- */
  --color-text:           #F0EBE0;   /* Ana metin - krem beyaz */
  --color-text-soft:      #D8D0C0;   /* Yumuşak metin */
  --color-muted:          #8A7E6A;   /* Soluk metin */
  --color-muted-light:    #A89880;   /* Açık soluk */
  --color-heading:        #F5F0E8;   /* Başlık metni */

  /* ---- SINIRLAR ---- */
  --color-border:         #2A4E3A;   /* Normal sınır */
  --color-border-light:   rgba(201, 150, 42, 0.2);  /* Altın sınır */
  --color-border-gold:    rgba(201, 150, 42, 0.5);  /* Belirgin altın */

  /* ---- SİSTEM RENKLERİ ---- */
  --color-success:        #3D8A5C;
  --color-success-soft:   rgba(61, 138, 92, 0.15);
  --color-warning:        #C9962A;
  --color-warning-soft:   rgba(201, 150, 42, 0.15);
  --color-danger:         #B03030;
  --color-danger-soft:    rgba(176, 48, 48, 0.15);
  --color-info:           #2A6E8A;
  --color-info-soft:      rgba(42, 110, 138, 0.15);

  /* ---- TİPOGRAFİ ---- */
  --font-heading:         'Playfair Display', 'Georgia', serif;
  --font-body:            'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono:            'JetBrains Mono', 'Courier New', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  --font-normal:   400;
  --font-medium:   500;
  --font-semibold: 600;
  --font-bold:     700;

  --leading-tight:  1.25;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  /* ---- SPACING ---- */
  --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;

  /* ---- BORDER RADIUS ---- */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-2xl: 32px;
  --radius-full: 9999px;

  /* ---- GÖLGELER ---- */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:   0 4px 12px rgba(0,0,0,0.35);
  --shadow-lg:   0 8px 32px rgba(0,0,0,0.4);
  --shadow-xl:   0 16px 48px rgba(0,0,0,0.5);
  --shadow-gold: 0 4px 20px rgba(201, 150, 42, 0.25);
  --shadow-card: 0 2px 16px rgba(0,0,0,0.3), 0 0 0 1px rgba(201,150,42,0.08);

  /* ---- GEÇİŞLER ---- */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;
  --transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ---- Z-INDEX ---- */
  --z-base:    1;
  --z-dropdown: 100;
  --z-sticky:  200;
  --z-overlay: 300;
  --z-modal:   400;
  --z-toast:   500;

  /* ---- LAYOUT ---- */
  --container-max: 1200px;
  --nav-height:    72px;
  --section-py:    var(--space-20);
}

/* ---- AÇIK TEMA (opsiyonel) ---- */
[data-theme="light"] {
  --color-bg:       #F7F3EC;
  --color-bg-alt:   #EDE8DF;
  --color-surface:  #FFFFFF;
  --color-card:     #F5F0E8;
  --color-text:     #1A2E24;
  --color-text-soft:#2E4A38;
  --color-muted:    #6B7280;
  --color-border:   #D8D0C0;
}