/* ═══════════════════════════════════════════════════════
   CSS Custom Properties — BAZA DROV
   Палітра синхронізована з tailwind.config.js
   ═══════════════════════════════════════════════════════ */
:root {

  /* ── Акцент ── */
  --accent:         #e05a33;
  --accent-hover:   #b84828;   /* accent-dim у Tailwind */
  --accent-glow:    rgba(224, 90, 51, 0.18);

  /* ── Фони ── */
  --bg:             #0c0c0c;   /* bgmain */
  --bg-card:        #121212;   /* bgcard */
  --bg-section:     #0f0f0f;   /* bgsection */
  --bg-dark:        #080808;   /* bgdark — футер */

  /* ── Контури ── */
  --border:         #262626;   /* bordercolor */
  --border-light:   #333333;   /* border-light */

  /* ── Текст ── */
  --text:           #f5f5f5;   /* textlight */
  --text-gray:      #d4d4d4;   /* textgray */
  --text-muted:     #a3a3a3;   /* textmuted */
  --text-dim:       #525252;   /* textdim */

  /* ── Шрифти ── */
  --font-head:      'Oswald', system-ui, sans-serif;
  --font-body:      'Exo 2', system-ui, sans-serif;
  --font-mono:      'JetBrains Mono', ui-monospace, 'Courier New', monospace;

  /* ── Структурні токени ── */
  --section-py:     52px;
  --container-max:  1200px;
  --container-px:   20px;
  --card-radius:    2px;        /* industrial: мінімальне заокруглення */
  --card-border:    1px solid var(--border);

  --navbar-h:       60px;
  --topbar-h:       36px;
  --transition:     0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (min-width: 768px) {
  :root {
    --section-py:    72px;
    --container-px:  28px;
  }
}

@media (min-width: 1200px) {
  :root {
    --section-py:    96px;
    --container-px:  48px;
    --navbar-h:      72px;
  }
}