/*
 * =============================================================================
 * PAKSOY KUYUMCULUK — RENK KİTİ (TEK RENK KAYNAĞI)
 * =============================================================================
 * Bu dosya projenin TEK renk kaynağıdır.
 * Tüm renkler buradan alınır. Başka hiçbir yerde hardcoded renk kullanılmaz.
 * Yeni renk eklemek veya değiştirmek için YALNIZCA bu dosyayı düzenleyin.
 *
 * Kullanım: var(--color-amethyst-400)
 * =============================================================================
 */

:root {

  /* ===========================================================================
   * PRIMARY — AMETHYST (Ana Marka Rengi)
   * =========================================================================== */
  --color-amethyst-50:  #F5F3FF;
  --color-amethyst-100: #EDE9FE;
  --color-amethyst-200: #DDD6FE;
  --color-amethyst-300: #C4B5FD;
  --color-amethyst-400: #A78BFA;
  --color-amethyst-500: #8B5CF6;
  --color-amethyst-600: #7C3AED;
  --color-amethyst-700: #6D28D9;
  --color-amethyst-800: #5B21B6;
  --color-amethyst-900: #4C1D95;

  /* ===========================================================================
   * NEUTRAL — GRAY (Gri Skalası)
   * =========================================================================== */
  --color-gray-50:  #F9FAFB;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #D1D5DB;
  --color-gray-400: #9CA3AF;
  --color-gray-500: #6B7280;
  --color-gray-600: #4B5563;
  --color-gray-700: #374151;
  --color-gray-800: #1F2937;
  --color-gray-900: #111827;

  /* ===========================================================================
   * SEMANTIC — İşlevsel Renkler (Durum Bildirimi)
   * =========================================================================== */
  --color-success:         #22C55E;
  --color-success-light:   #DCFCE7;
  --color-success-dark:    #15803D;

  --color-error:           #DC2626;
  --color-error-light:     #FEE2E2;
  --color-error-dark:      #991B1B;

  --color-warning:         #F59E0B;
  --color-warning-light:   #FEF3C7;
  --color-warning-dark:    #B45309;

  --color-info:            #3B82F6;
  --color-info-light:      #DBEAFE;
  --color-info-dark:       #1D4ED8;

  /* ===========================================================================
   * BRAND — Marka Renkleri
   * =========================================================================== */
  --color-brand-amethyst:      #8B5CF6;
  --color-brand-dark-amethyst: #7C3AED;
  --color-brand-red:           #DC2626;
  --color-brand-whatsapp:      #25D366;
  --color-brand-black:         #1A1A1A;
  --color-brand-white:         #FFFFFF;

  /* ===========================================================================
   * BACKGROUND — Arka Plan Renkleri
   * =========================================================================== */
  --color-bg-light:        #FFFDF5;
  --color-bg-cream:        #FFF9E6;
  --color-bg-white:        #FFFFFF;
  --color-bg-dark:         #1A1A1A;
  --color-bg-card:         #FFFFFF;
  --color-bg-subtle:       #F9FAFB;

  /* ===========================================================================
   * TEXT — Yazı Renkleri
   * =========================================================================== */
  --color-text-primary:    #1A1A1A;
  --color-text-secondary:  #4B5563;
  --color-text-muted:      #9CA3AF;
  --color-text-inverse:    #FFFFFF;
  --color-text-amethyst:   #7C3AED;
  --color-text-link:       #8B5CF6;
  --color-text-link-hover: #6D28D9;

  /* ===========================================================================
   * AMBER — Blog tema rengi (sıcak ton)
   * =========================================================================== */
  --color-amber-50:  #FFFBEB;
  --color-amber-100: #FEF3C7;
  --color-amber-200: #FDE68A;
  --color-amber-600: #D97706;
  --color-amber-700: #B45309;

  /* ===========================================================================
   * GREEN — WhatsApp & stok durumu
   * =========================================================================== */
  --color-green-500: #22C55E;
  --color-green-600: #16A34A;
  --color-green-700: #15803D;

  /* ===========================================================================
   * SHORTHAND — Sık kullanılan kısa alias'lar
   * =========================================================================== */
  --color-white:    #FFFFFF;
  --color-black:    #1A1A1A;
  --color-whatsapp: #25D366;

  /* ===========================================================================
   * OVERLAY — Katman Renkleri (rgba)
   * =========================================================================== */
  --color-overlay-black-10: rgba(0, 0, 0, 0.10);
  --color-overlay-black-20: rgba(0, 0, 0, 0.20);
  --color-overlay-black-40: rgba(0, 0, 0, 0.40);
  --color-overlay-black-60: rgba(0, 0, 0, 0.60);
  --color-overlay-white-20: rgba(255, 255, 255, 0.20);
  --color-overlay-white-60: rgba(255, 255, 255, 0.60);
  --color-overlay-amethyst-20: rgba(139, 92, 246, 0.20);

}


/* =============================================================================
 * DARK MODE — Renk Override'ları
 * =============================================================================
 * data-theme="dark" attribute'u <html> veya <body> elemanına eklendiğinde
 * aşağıdaki değerler :root'taki light mode renklerini override eder.
 * ============================================================================= */

[data-theme="dark"] {
  /* PRIMARY — Amethyst dark mode'da daha parlak */
  --color-amethyst-50:  #1E1533;
  --color-amethyst-100: #271D42;
  --color-amethyst-200: #362A5C;
  --color-amethyst-300: #5B3D9E;
  --color-amethyst-400: #A78BFA;
  --color-amethyst-500: #8B5CF6;
  --color-amethyst-600: #A78BFA;
  --color-amethyst-700: #C4B5FD;
  --color-amethyst-800: #DDD6FE;
  --color-amethyst-900: #EDE9FE;

  /* NEUTRAL — Gray ters çevrildi */
  --color-gray-50:  #1A1A1A;
  --color-gray-100: #222222;
  --color-gray-200: #2D2D2D;
  --color-gray-300: #404040;
  --color-gray-400: #666666;
  --color-gray-500: #999999;
  --color-gray-600: #B3B3B3;
  --color-gray-700: #CCCCCC;
  --color-gray-800: #E5E5E5;
  --color-gray-900: #F5F5F5;

  /* SEMANTIC — dark modda hafif doygunluk düşürülür */
  --color-success:         #4ADE80;
  --color-success-light:   #14532D;
  --color-success-dark:    #BBF7D0;
  --color-error:           #F87171;
  --color-error-light:     #7F1D1D;
  --color-error-dark:      #FECACA;
  --color-warning:         #FBBF24;
  --color-warning-light:   #78350F;
  --color-warning-dark:    #FEF3C7;
  --color-info:            #60A5FA;
  --color-info-light:      #1E3A5F;
  --color-info-dark:       #BFDBFE;

  /* BRAND */
  --color-brand-red: #F87171;

  /* BACKGROUND — koyu, ılık tonlu */
  --color-bg-light:   #1A1714;
  --color-bg-cream:   #1E1B15;
  --color-bg-white:   #141210;
  --color-bg-dark:    #F5F5F5;
  --color-bg-card:    #1E1C18;
  --color-bg-subtle:  #1A1814;

  /* TEXT — açık tonlar */
  --color-text-primary:    #F0EDE8;
  --color-text-secondary:  #B8B4AC;
  --color-text-muted:      #7A7670;
  --color-text-inverse:    #141210;
  --color-text-amethyst:   #A78BFA;
  --color-text-link:       #A78BFA;
  --color-text-link-hover: #C4B5FD;

  /* SHORTHAND */
  --color-white: #141210;
  --color-black: #F0EDE8;

  /* OVERLAY — dark'ta biraz farklı */
  --color-overlay-black-20: rgba(0, 0, 0, 0.40);
  --color-overlay-black-40: rgba(0, 0, 0, 0.60);
  --color-overlay-black-60: rgba(0, 0, 0, 0.80);
  --color-overlay-white-20: rgba(255, 255, 255, 0.10);
  --color-overlay-white-60: rgba(255, 255, 255, 0.30);
}