:root {
  /* Renkler */
  --color-bg: #FAF9F7;          /* sıcak kırık beyaz zemin */
  --color-surface: #FFFFFF;
  --color-ink: #141414;         /* ana metin, birincil buton */
  --color-ink-2: #4A4A4A;       /* ikincil metin */
  --color-muted: #8C8A86;       /* yardımcı metin, placeholder */
  --color-line: #E7E3DD;        /* ince ayırıcılar */
  --color-line-strong: #CFC9C0; /* input kenarlığı */
  --color-soft: #F2EFEA;        /* hover zemini, rozet zemini */
  --color-accent: #A8875A;      /* şampanya — ÇOK az kullan: aktif menü çizgisi, link hover */
  --color-sale: #9F2F27;        /* indirim rozeti ve indirimli fiyat */
  --color-brand: #E31E25;       /* logo kırmızısı (sadece logo ve marka vurgusu) */
  --color-success: #2F6B4F;
  --color-warning: #A8741A;
  --color-danger: #9F2F27;
  --color-info: #3F5A73;
  --color-overlay: rgba(20, 20, 20, .45);

  /* Durum rozeti zeminleri (sipariş ve indirim durumları) */
  --color-success-soft: #E3EFE8;
  --color-info-soft: #E6EBF0;
  --color-warning-soft: #F8EFD9;

  /* Koyu zemin üstü metin (footer, admin sidebar) */
  --color-on-ink: #BDB8B0;
  --color-on-ink-strong: #FFFFFF;
  --color-ink-line: #2C2B29;

  /* Yardımcı metin için AA kontrastlı ton (küçük punto gri metinlerde) */
  --color-muted-strong: #6F6C67;

  /* Tipografi */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-base: 1rem; --fs-md: 1.125rem;
  --fs-lg: 1.375rem; --fs-xl: 1.75rem; --fs-2xl: 2.25rem; --fs-3xl: 3rem;
  --fs-hero: clamp(2.5rem, 6vw, 4.75rem);
  --tracking-wide: .14em;

  /* Boşluk (4'lük ölçek) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;

  /* Diğer */
  --radius-sm: 2px; --radius-md: 4px;   /* köşeler keskin — premium his */
  --container: 1320px;
  --header-h: 76px;
  --header-h-compact: 64px;
  --announcement-h: 36px;
  --marquee-h: 88px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 10px 30px rgba(0,0,0,.06);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 240ms;

  /* Görsel yoksa düşülen gradyan zemin */
  --gradient-placeholder: linear-gradient(135deg, var(--color-soft), var(--color-line));

  /* Admin */
  --admin-sidebar-w: 248px;
  --admin-topbar-h: 64px;
}

/* Mobil: marka şeridi daha ince */
@media (max-width: 599px) { :root { --marquee-h: 60px; } }