/* =====================================================
   Yumega Güven Yumurta — Design Tokens (final tema)
   Kaynak: _kaynak/yenitasarim/DESIGN.md ("Yumega Organic Modernity")
   Bootstrap 5.3.8'in kendi CSS custom property sistemini (--bs-*) override eder
   + proje-özel token'lar (radius, shadow, spacing) tanımlar.
===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root,
[data-bs-theme="light"] {
  /* ── Bootstrap marka renklerini Yumega paletine çevir ── */
  --bs-primary:        #FFA000;
  --bs-primary-rgb:    255, 160, 0;
  --bs-secondary:      #D32F2F;
  --bs-secondary-rgb:  211, 47, 47;
  --bs-success:        #1B6D24;
  --bs-success-rgb:    27, 109, 36;
  --bs-warning:        #B45309;
  --bs-danger:         #BA1A1A;
  --bs-light:          #FBFBF9;
  --bs-dark:           #1F2024;
  --bs-body-color:     #2D3139;
  --bs-body-bg:        #FBFBF9;
  --bs-border-color:   #F0EAE1;
  --bs-link-color:     #875200;
  --bs-link-hover-color: #D32F2F;

  /* ── Yumega marka tonları (code.html referansı) ── */
  --y-primary:            #FFA000;  /* golden yolk — ana vurgu */
  --y-primary-dark:       #875200;  /* başlık/marka rengi */
  --y-primary-hover:      #FF8F00;
  --y-secondary:          #D32F2F;  /* heritage crimson — CTA/marka */
  --y-secondary-dark:     #B6171E;
  --y-tertiary:           #1B6D24;  /* doğallık/hijyen yeşili */
  --y-tertiary-bg:        #E8F5E9;
  --y-yolk-surface:       #FFF8E1;
  --y-surface:            #FBFBF9;
  --y-surface-low:        #F4F3F8;
  --y-surface-card:       #FFFFFF;
  --y-text:               #2D3139;
  --y-text-variant:       #544433;
  --y-muted:              #6C727F;
  --y-border:             #F0EAE1;
  --y-border-strong:      #D9C3AD;

  /* ── Fontlar ── */
  --y-font-display: 'Bricolage Grotesque', sans-serif;
  --y-font-body:    'Hanken Grotesk', sans-serif;
  --bs-font-sans-serif: var(--y-font-body);

  /* ── Köşe yuvarlama (organik / egg doktrini) ── */
  --y-radius-sm:   0.5rem;
  --y-radius:      1rem;
  --y-radius-md:   1.5rem;
  --y-radius-lg:   2rem;
  --y-radius-xl:   3rem;
  --y-radius-full: 9999px;
  --bs-border-radius:    var(--y-radius-sm);
  --bs-border-radius-lg: var(--y-radius-md);
  --bs-border-radius-xl: var(--y-radius-lg);
  --bs-border-radius-pill: var(--y-radius-full);

  /* ── Gölgeler (amber tabanlı, yumuşak) ── */
  --y-shadow-sm: 0 4px 20px -2px rgba(255,160,0,.06), 0 2px 6px -1px rgba(31,32,36,.04);
  --y-shadow-md: 0 12px 32px -4px rgba(255,160,0,.12), 0 4px 12px -2px rgba(31,32,36,.05);
  --y-shadow-lg: 0 8px 24px rgba(0,0,0,.06);

  /* ── Boşluk ── */
  --y-space-xs:  .25rem;
  --y-space-sm:  .5rem;
  --y-space-md:  1rem;
  --y-space-lg:  1.5rem;
  --y-space-xl:  2.5rem;
  --y-space-2xl: 4rem;
  --y-space-3xl: 6rem;
}

/* ── DARK MODE — data-theme="dark" ── */
[data-theme="dark"] {
  --bs-body-color:   #F1E9DC;
  --bs-body-bg:      #1A1712;
  --bs-border-color: #4A3418;
  --bs-link-color:   #FFB865;

  --y-surface:       #1A1712;
  --y-surface-low:   #221C14;
  --y-surface-card:  #2B2410;
  --y-yolk-surface:  #3A2E14;
  --y-text:          #F1E9DC;
  --y-text-variant:  #D8C8A8;
  --y-muted:         #A68B6A;
  --y-border:        #4A3418;
  --y-border-strong: #6B4E24;
  --y-primary-dark:  #FFB865;
}

body {
  font-family: var(--y-font-body);
  background: var(--y-surface);
  color: var(--y-text);
}
h1, h2, h3, h4, h5, h6, .font-display {
  font-family: var(--y-font-display);
}