/* ============================================================
   DIVOMIR · ДИЗАЙН-ТОКЕНИ
   Тут зібрані ВСІ кольори, шрифти та відступи сайту.
   Хочеш змінити палітру або шрифт на всьому сайті —
   міняєш значення ТІЛЬКИ тут. Більше нікуди лізти не треба.
   ============================================================ */

:root {
  /* --- Базові кольори (світла тепла основа «латте + дуб») --- */
  --latte:        #F4F3EF;   /* головний фон сторінки */
  --cream:        #FBFAF7;   /* картки, світлі поверхні */
  --oak:          #DCC8A6;   /* дубові смуги секцій (дерева більше) */
  --oak-soft:     #E7DCC4;   /* світліший дуб для чергування смуг */
  --walnut:       #6E4A30;   /* горіх — насичений деревʼяний акцент */

  /* --- Акценти --- */
  --cork:         #C99A63;   /* корок — головний акцент / кнопки */
  --cork-deep:    #B9854B;   /* корок темніший — ховер кнопок */
  --wood-glow:    #DBB07A;   /* тепле підсвічування */

  /* --- Темна рейка (акцентна «стіна») --- */
  --slat:         #18181A;   /* колір планок */
  --slat-line:    #2A241E;   /* тепла лінія між планками */

  /* --- Текст --- */
  --ink:          #262521;   /* основний текст (тепло-чорний) */
  --ink-soft:     #5E574C;   /* вторинний текст на світлому/дубі */
  --muted:        #8A8377;   /* приглушений текст, підписи */

  /* --- Текст на темному --- */
  --on-dark:      #ECE6DA;
  --on-dark-mute: #A89C88;

  /* --- Лінії та межі --- */
  --line:         #E2DACB;   /* межі на світлому */
  --line-oak:     #C9B690;   /* межі на дубі */
  --line-dark:    #2E2A24;   /* межі на темному */

  /* --- Стани --- */
  --success:      #4F7A52;
  --danger:       #B4513F;

  /* --- Шрифти --- */
  --font-display: 'Unbounded', system-ui, sans-serif;   /* заголовки */
  --font-body:    'Manrope', system-ui, sans-serif;      /* текст */

  /* --- Радіуси --- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* --- Тіні (теплі, мʼякі) --- */
  --shadow-sm: 0 2px 10px rgba(40, 30, 16, 0.06);
  --shadow-md: 0 14px 40px rgba(40, 30, 16, 0.10);
  --shadow-lg: 0 30px 70px rgba(40, 30, 16, 0.14);

  /* --- Розміри контейнера та ритм --- */
  --container: 1180px;
  --gutter: clamp(18px, 5vw, 40px);
  --section-y: clamp(64px, 9vw, 130px);

  /* --- Анімація --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --speed: 0.5s;
}