:root {
  /* Renkler */
  --color-primary:       #E8912A;
  --color-primary-light: #F5A84B;
  --color-primary-dark:  #C47820;

  --color-slate:         #4A6082;
  --color-slate-dark:    #2D3F57;
  --color-slate-light:   #7A95B5;

  --color-warm-white:    #FDFBF8;
  --color-cream:         #F7F4EF;
  --color-charcoal:      #1E2832;
  --color-border:        #E2DDD6;
  --color-muted:         #8A8278;

  /* Fontlar */
  --font-display: 'Outfit', system-ui, sans-serif;
  --font-body:    'Outfit', system-ui, sans-serif;

  /* Spacing */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   1.5rem;
  --space-lg:   2.5rem;
  --space-xl:   4rem;
  --space-2xl:  6rem;

  /* Border Radius */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-pill: 999px;

  /* Gölgeler */
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.10);
  --shadow-lg:  0 8px 32px rgba(0, 0, 0, 0.12);

  /* Geçiş */
  --transition: 0.25s ease;
}