/* zamanli · marka katmanı · üretildi: 06-urun/uretim/marka_katmani.py (elle düzenleme) */
@font-face {
  font-family: 'Schibsted Grotesk';
  src: url('/assets/brand/fonts/SchibstedGrotesk-VF.woff2') format('woff2');
  font-weight: 400 900; font-style: normal; font-display: swap;
  /* U+20BA (₺) hariç: fontun ₺ glifi ₤ biçiminde çizilmiş; ₺ sistem fontundan gelir */
  unicode-range: U+0000-20B9, U+20BB-10FFFF;
}
:root {
  --zemin: #F7F7F3;
  --yuzey: #FFFFFF;
  --yuzey-2: #EEF1EC;
  --cizgi: #E1E5E0;
  --yazi-1: #142019;
  --yazi-2: #55605A;
  --yazi-3: #69726C;
  --vurgu: #157F4A;
  --vurgu-koyu: #0F6B3D;
  --vurgu-acik: #E4F2E9;
  --vurgu-koyu-zemin: #5BC489;
  --koyu: #142019;
  --koyu-yazi: #F7F7F3;
  --uyari: #8A5300;
  --uyari-zemin: #FFF3D6;
  --hata: #B42318;
  --hata-zemin: #FDECEA;
  --whatsapp: #1FA855;
  /* ikincil paletler: yalnız salon türü çizimleri (nane · kayısı · gök, orta ton) */
  --nane: #3FA36B;
  --kayisi: #E07B45;
  --gok: #4A86BF;
  --font: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --yaricap-kucuk: 8px;
  --yaricap-kart: 14px;
  --yaricap-buyuk: 24px;
  --yaricap-hap: 999px;
  --gecis: cubic-bezier(.32,.72,0,1);

  /* eski sayfa değişkenleri → Arada (sayfa :root'u ezilir; bu dosya sayfa <style>'ından SONRA bağlanır) */
  --brand-deep-forest: var(--koyu);
  --brand-emerald: var(--vurgu);
  --brand-emerald-hover: var(--vurgu-koyu);
  --brand-gold: var(--vurgu);
  --primary: var(--vurgu);
  --primary-dark: var(--vurgu-koyu);
  --primary-light: var(--vurgu-acik);
  --success: var(--vurgu);
  --warning: var(--uyari);
  --danger: var(--hata);
  --slate-50: #FAFAF7;
  --slate-100: var(--zemin);
  --slate-200: var(--cizgi);
  --slate-300: #CDD3CD;
  --slate-400: #8E978F;
  --slate-500: var(--yazi-3);
  --slate-600: var(--yazi-2);
  --slate-700: #36413A;
  --slate-800: var(--yazi-1);
  --slate-900: var(--yazi-1);
  --text-primary: var(--yazi-1);
  --bg-page: var(--zemin);
  --radius: var(--yaricap-kart);
  --radius-lg: 18px;
  --shadow: 0 1px 2px rgba(20,32,25,.06);
  --shadow-lg: 0 12px 32px rgba(20,32,25,.10);
  --font-heading: var(--font);
  --font-body: var(--font);
  --success-light: var(--vurgu-acik);
  --warning-light: var(--uyari-zemin);
  --danger-light: var(--hata-zemin);
}