/* ============================================================
   Kumandacenter.com — Tasarım Token'ları
   Marka: Lacivert (güven) + Turuncu CTA (aksiyon)
   Tipografi: Space Grotesk (başlık) + Manrope (gövde)
   ============================================================ */
:root{
  /* ---- Marka çekirdeği ---- */
  --primary-color:        #06193D;   /* lacivert — logodan birebir */
  --primary-color-600:    #0E2F63;
  --primary-color-400:    #2E4E7E;
  --primary-tint:         #EDF1F8;   /* lacivert %6 — açık zemin */
  --primary-tint-strong:  #DAE2EF;

  --accent-color:         #F26A1B;   /* turuncu — CTA / aksiyon */
  --accent-color-600:     #d85a12;
  --accent-tint:          #FDEEE2;

  --success-color:        #1E9E5A;
  --danger-color:         #E0452B;
  --star-color:           #F6A623;

  /* ---- Nötrler ---- */
  --ink:                  #15202B;   /* ana metin */
  --muted:                #5C6B7A;   /* ikincil metin */
  --muted-soft:           #8493A2;
  --surface:              #FFFFFF;
  --bg:                   #F2F5F8;   /* sayfa zemini */
  --light-gray:           #F6F8FA;

  /* ---- Çizgiler / ayraçlar (platform sözleşmesi) ---- */
  --seperator-color:      #E5EBF1;
  --seperator-dark-color: #cdd7e1;

  /* ---- Header (platform sözleşmesi) ---- */
  --header-bg-color:      #FFFFFF;
  --topbar-bg-color:      #06193D;
  --announce-bg-color:    #06193D;
  --manu-hover-bg:        #F0F4F9;

  /* Burger ikon */
  --burger-icon-color:        #06193D;
  --burger-icon-hover-color:  #F26A1B;
  --burger-icon-active-color: #F26A1B;

  /* Kullanıcı menü butonları */
  --usermenu-btn-color:        #15202B;
  --usermenu-btn-hover-color:  #06193D;
  --usermenu-btn-active-color: #F26A1B;

  /* ---- Footer (platform sözleşmesi) — açık zemin ---- */
  --footer-menu-color:        #5C6B7A;
  --footer-menu-bg-color:     #FFFFFF;
  --footer-menu-label-color:  #06193D;
  --footer-menu-hover-color:  #F26A1B;
  --footer-menu-padding:      6px 0;

  /* ---- Breadcrumb (platform sözleşmesi) ---- */
  --breadcrumb-color:           #5C6B7A;
  --breadcrumb-seperator-color: #AEBCC9;
  --breadcrumb-bg-color:        transparent;

  /* ---- Listeleme başlık / toolbar ---- */
  --products-header-bg-color:  #FFFFFF;
  --products-toolbar-bg-color: #FFFFFF;

  /* ---- Ürün kartı (platform sözleşmesi) ---- */
  --product-list-item-border-color: #E7EDF3;
  --product-list-item-radius:       14px;
  --product-list-item-title-size:   14.5px;
  --product-list-item-title-weight: 600;

  --product-list-item-price-color:      #06193D;
  --product-list-item-price-weight:     800;
  --product-list-item-price-size:       19px;
  --product-list-item-price-del-color:  #98A6B4;
  --product-list-item-price-del-line-color: #C2CDD8;
  --product-list-item-price-del-weight: 500;
  --product-list-item-price-del-size:   13px;

  /* ---- Rating / range slider (platform sözleşmesi) ---- */
  --rating-stars-color:    var(--star-color);
  --range-slider-high:     #E5EBF1;
  --range-slider-low:      #E5EBF1;
  --range-slider-selection:var(--accent-color);
  --range-slider-handle:   var(--primary-color);

  /* ---- Şekil / gölge / ölçü ---- */
  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --shadow-xs: 0 1px 2px rgba(6,25,61,.06);
  --shadow-sm: 0 2px 8px rgba(6,25,61,.07);
  --shadow-md: 0 8px 24px rgba(6,25,61,.10);
  --shadow-lg: 0 18px 48px rgba(6,25,61,.16);
  --container-max: 1240px;

  /* ---- Tipografi ---- */
  --font-head: "Space Grotesk", system-ui, "Segoe UI", sans-serif;
  --font-body: "Manrope", system-ui, "Segoe UI", Roboto, sans-serif;
}