/* ==========================================================================
   Чех Пласт — дизайн токъни
   Източник: одобрените демота (home-light-new, category-pvc, product-rehau-geneo).
   Стойностите са крайните, действащи в одобрения светъл вариант (май 2026).
   Тук се сменят цветове/шрифтове/размери на контейнера; никъде другаде не се
   пишат сурови стойности за тези неща.
   ========================================================================== */
:root {
  /* Акцент */
  --accent:       #2E75B6;
  --accent-hover: #3A8ACC;
  --accent-ink:   #0A1A28;

  /* Тъмни повърхности (основа на сайта) */
  --bg-deep:      #151B24;   /* горна лента, футър */
  --bg:           #1E2530;   /* фон на страницата */
  --bg-2:         #252D3A;
  --surface:      #2B3442;
  --surface-2:    #323C4C;
  --border:       #3A4556;
  --border-2:     #485264;

  /* Текст върху тъмно */
  --ink:          #F5F7FB;
  --ink-dim:      #CAD3DD;
  --ink-mute:     #98A2B0;
  --danger:       #D84A4A;

  /* Светли острови (секциите Продукти и Новини на началната) */
  --light-bg:        #F4F6FA;
  --light-surface:   #FFFFFF;
  --light-border:    #D8DEE7;
  --light-border-2:  #B9C2CE;
  --light-ink:       #1A2230;
  --light-ink-dim:   #3A4556;
  --light-ink-mute:  #6B7688;

  /* Шрифтове */
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-head: 'Montserrat', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Форма и решетка */
  --radius:     2px;
  --radius-lg:  4px;
  --container:  1320px;   /* включва полетата: съдържание 1240px + 2 x 40px */
  --gutter:     40px;
}

/* Полетата се свиват с екрана (от демото) */
@media (max-width: 1100px) { :root { --gutter: 28px; } }
@media (max-width: 640px)  { :root { --gutter: 20px; } }