/* ============================================
   Hatay Büyükşehir Belediyesi - Renk Paleti
   ============================================ */

:root {
  /* Marka Renkleri */
  --hbb-navy: #002b55;           /* Ana mavi - Başlıklar, menüler */
  --hbb-navy-light: #0a4d8f;     /* Açık lacivert - Alt başlıklar, vurgular */
  --hbb-gold: #ac8d67;           /* Altın - Vurgular, butonlar */
  --hbb-light-gray: #f8f9fa;     /* Açık gri - Arka planlar */
  --hbb-border: #dee2e6;         /* Kenarlıklar */
  --hbb-text: #333;              /* Ana metin rengi */
  --hbb-text-light: #666;        /* İkincil metin rengi */
  --hbb-text-muted: #999;        /* Soluk metin rengi */
  --hbb-white: #ffffff;          /* Beyaz */
  --hbb-black: #000000;          /* Siyah */

  /* Durum Renkleri */
  --hbb-success: #28a745;
  --hbb-warning: #ffc107;
  --hbb-danger: #dc3545;
  --hbb-info: #17a2b8;

  /* Spacing Scale */
  --hbb-spacing-xs: 0.25rem;     /* 4px */
  --hbb-spacing-sm: 0.5rem;      /* 8px */
  --hbb-spacing-md: 1rem;        /* 16px */
  --hbb-spacing-lg: 1.5rem;      /* 24px */
  --hbb-spacing-xl: 2rem;        /* 32px */
  --hbb-spacing-2xl: 3rem;       /* 48px */
  --hbb-spacing-3xl: 4rem;       /* 64px */

  /* Font Sizes */
  --hbb-font-xs: 0.75rem;        /* 12px */
  --hbb-font-sm: 0.875rem;       /* 14px */
  --hbb-font-base: 1rem;         /* 16px */
  --hbb-font-lg: 1.125rem;       /* 18px */
  --hbb-font-xl: 1.25rem;        /* 20px */
  --hbb-font-2xl: 1.5rem;        /* 24px */
  --hbb-font-3xl: 2rem;          /* 32px */
  --hbb-font-4xl: 2.5rem;        /* 40px */

  /* Font Weights */
  --hbb-font-normal: 400;
  --hbb-font-medium: 500;
  --hbb-font-semibold: 600;
  --hbb-font-bold: 700;

  /* Border Radius */
  --hbb-radius-sm: 0.25rem;      /* 4px */
  --hbb-radius-md: 0.5rem;       /* 8px */
  --hbb-radius-lg: 0.75rem;      /* 12px */
  --hbb-radius-xl: 1rem;         /* 16px */
  --hbb-radius-full: 9999px;     /* Tam yuvarlak */

  /* Shadows */
  --hbb-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --hbb-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --hbb-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --hbb-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

  /* Transitions */
  --hbb-transition-fast: 150ms ease-in-out;
  --hbb-transition-base: 300ms ease-in-out;
  --hbb-transition-slow: 500ms ease-in-out;

  /* Z-Index Layers */
  --hbb-z-base: 0;
  --hbb-z-dropdown: 1000;
  --hbb-z-sticky: 1020;
  --hbb-z-fixed: 1030;
  --hbb-z-modal: 1040;
  --hbb-z-popover: 1050;
  --hbb-z-tooltip: 1060;

  /* Container Max Widths - Geniş ekran için optimize */
  --hbb-container-sm: 540px;
  --hbb-container-md: 720px;
  --hbb-container-lg: 1140px;
  --hbb-container-xl: 1320px;
  --hbb-container-2xl: 1400px;

  /* Homepage Section Variables */
  --hbb-section-label-size: 1.125rem;        /* 18px - section üst etiketleri */
  --hbb-section-label-spacing: 0.06em;       /* Harf aralığı */
  --hbb-section-title-size: 3rem;            /* 48px - section başlıkları */
  --hbb-section-title-size-mobile: 2rem;     /* 32px - mobil section başlıkları */
  --hbb-section-spacing: 4rem;               /* 64px - section arası boşluk */
  --hbb-section-spacing-mobile: 2.5rem;      /* 40px - mobil section arası */
  --section-space: 1.875rem;                 /* 30px - section içi boşluk */

  /* News Section Specific */
  --hbb-news-slide-title-size: 1.125rem;     /* 18px - haber başlıkları */
  --hbb-news-slide-title-mobile: 1rem;       /* 16px - mobil haber başlıkları */
  --hbb-mayor-card-name-size: 1.25rem;       /* 20px - başkan adı */
  --hbb-mayor-card-desc-size: 1rem;          /* 16px - başkan açıklama */
}

/* Dark Mode Support (opsiyonel) */
@media (prefers-color-scheme: dark) {
  :root {
    --hbb-light-gray: #1a1a1a;
    --hbb-text: #333;
    --hbb-text-light: #666;
    --hbb-border: #333;
  }
}