/* =====================================================================
   minimal-artist — tokens.css
   Tema genelinde kullanılan tasarım tokenları.
   Twig dönüşümünde bu dosya theme-settings tarafından üretilebilir.
   ===================================================================== */

:root {
  /* ---- Marka renkleri ---- */
  --color-background: #ffffff;
  --color-primary: #4A5240;
  --color-secondary: #343434;
  --color-body-text: #565555;
  --color-surface: #ffffff;
  --color-border: rgba(52, 52, 52, 0.18);

  /* ---- Paletten türetilen tonlar ---- */
  --color-primary-dark: #333b0b;
  --color-primary-light: #5a6820;
  --color-primary-soft: rgba(67, 77, 16, 0.09);
  --color-primary-softer: rgba(67, 77, 16, 0.05);
  --color-border-soft: rgba(52, 52, 52, 0.1);
  --color-cream: #f7f2ec;
  --color-sand: #d9c7ab;
  --color-clay: #b08d6a;
  --color-ink-soft: rgba(52, 52, 52, 0.62);

  /* ---- Durum renkleri (paletle uyumlu, sessiz tonlar) ---- */
  --color-success: #4c5d1c;
  --color-success-bg: rgba(76, 93, 28, 0.1);
  --color-warning: #8a6a2f;
  --color-warning-bg: rgba(138, 106, 47, 0.12);
  --color-error: #8c4432;
  --color-error-bg: rgba(140, 68, 50, 0.1);
  --color-sale: #8c4432;

  /* ---- Tipografi ---- */
  --font-logo: "Bison", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Poiret One", "Trebuchet MS", sans-serif;
  --font-body: "Manrope", "Kaiira Body", "Helvetica Neue", Arial, sans-serif;

  --text-xs: 0.72rem;
  --text-sm: 0.82rem;
  --text-base: 0.95rem;
  --text-md: 1.05rem;
  --text-lg: clamp(1.25rem, 2vw, 1.5rem);
  --text-xl: clamp(1.6rem, 2.6vw, 2.1rem);
  --text-2xl: clamp(2rem, 3.8vw, 3.2rem);
  --text-3xl: clamp(2.5rem, 5.4vw, 4.6rem);

  --tracking-wide: 0.16em;
  --tracking-wider: 0.24em;

  /* ---- Boşluk ölçeği ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --section-space: clamp(4rem, 8vw, 7.5rem);
  --section-space-compact: clamp(2.5rem, 5vw, 4.5rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);

  /* ---- Yerleşim ---- */
  --container: 1360px;
  --container-narrow: 880px;
  --container-wide: 1560px;
  --header-h: 76px;

  /* ---- Biçim ---- */
  --radius: 2px;
  --radius-pill: 999px;
  --shadow-soft: 0 18px 45px rgba(52, 52, 52, 0.14);
  --shadow-drawer: 0 0 60px rgba(52, 52, 52, 0.18);

  /* ---- Hareket ---- */
  --ease-soft: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --tr-fast: 0.2s var(--ease-soft);
  --tr-mid: 0.35s var(--ease-soft);
  --tr-slow: 0.6s var(--ease-soft);

  /* ---- Katman düzeni ---- */
  --z-header: 90;
  --z-overlay: 100;
  --z-drawer: 110;
  --z-modal: 140;
  --z-lightbox: 150;
  --z-toast: 160;
}