/* Ömür Plastik & Ambalaj - Design System Tokens */
:root {
  /* Renk Paleti - Logo Uyumlu (Bordo/Kırmızı Tonlar) */
  --primary: #b31d1d;
  --primary-hover: #961717;
  --primary-light: rgba(179, 29, 29, 0.1);
  --secondary: #1a1a24;
  --secondary-hover: #12121b;
  --accent: #d4af37; /* Altın sarısı detaylar */
  --accent-hover: #bfa030;
  
  /* Temel Renkler */
  --bg-light: #f8f9fc;
  --bg-white: #ffffff;
  --text-dark: #1e1e24;
  --text-muted: #6c757d;
  --border-color: #e9ecef;
  
  /* Dark Mode Renkleri (Gerekirse) */
  --bg-dark: #0f0f15;
  --bg-dark-card: #181822;
  --text-light: #f8f9fa;
  --border-color-dark: #2a2a35;

  /* Yazı Tipleri */
  --font-main: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* Gölgeler (Sleek Shadows) */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.12);
  --shadow-card-hover: 0 20px 35px rgba(179, 29, 29, 0.15);
  
  /* Yuvarlatma (Border Radius) */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  
  /* Geçiş Süreleri (Transitions) */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s ease;
  
  /* Genişlikler */
  --max-width: 1280px;
}

/* Karanlık Tema Sınıfı (Tercihe bağlı geçiş için hazır) */
[data-theme="dark"] {
  --bg-light: var(--bg-dark);
  --bg-white: var(--bg-dark-card);
  --text-dark: var(--text-light);
  --border-color: var(--border-color-dark);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.4);
}