:root {
  /* Marka Renkleri (logodan) */
  --color-brand-orange: #F5901F;
  --color-brand-orange-dark: #D97A0D;
  --color-brand-orange-light: #FDECD8;
  --color-brand-black: #1A1A1A;

  /* Tamamlayıcı Nötr Tonlar */
  --color-bg: #FAFAFA;
  --color-bg-alt: #FFFFFF;
  --color-bg-dark: #F1E7D8;
  --color-text: #232323;
  --color-text-muted: #6B6B6B;
  --color-text-inverse: #FFFFFF;
  --color-border: #E8E8E8;

  /* Vurgu / Durum */
  --color-accent-blue: #1E3A5F;
  --color-success: #22C55E;
  --color-error: #EF4444;
  --color-star: #FBBF24;

  /* Tipografi */
  --font-heading: 'Baloo 2', 'Quicksand', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --section-padding-y: var(--space-2xl);
  --section-padding-y-mobile: var(--space-xl);

  /* Radius / Shadow */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;

  --shadow-sm: 0 2px 6px rgba(26,26,26,0.06);
  --shadow-md: 0 8px 20px rgba(26,26,26,0.10);
  --shadow-lg: 0 16px 40px rgba(26,26,26,0.14);
  --shadow-orange-glow: 0 8px 24px rgba(245,144,31,0.25);

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  --container-max-width: 1240px;
  --container-padding-x: 24px;
}

@media (max-width: 767px) {
  :root {
    --container-padding-x: 16px;
  }
}