/*
 * TGD — viewport modları (mobile / tablet / desktop)
 *
 * Mobile  — genişlik < 768px   → @media (max-width: 767px)
 * Tablet  — 768px … 1023px    → (min-width: 768px) and (max-width: 1023px)
 * Desktop — genişlik ≥ 1024px → (min-width: 1024px)
 *
 * Ek: çok dar telefon → max-width: 479px (< 480px)
 *
 * JS: includes/head-viewport.php (ilk boyama) + assets/js/tgd-viewport.js (güncelleme)
 *     html[data-viewport="mobile"|"tablet"|"desktop"]
 */
:root {
  --bp-xs-max: 479px;
  --bp-sm-min: 480px;
  --bp-sm-max: 767px;
  --bp-md-min: 768px;
  --bp-md-max: 1023px;
  --bp-lg-min: 1024px;
}