:root {
  /* ── Основные цвета ───────────────────────────────────────────────── */
  --brand:          #112B1E;
  --brand-dark:     #081910;
  --brand-light:    #1D4030;
  --gold:           #C4900C;
  --gold-dark:      #9E7008;
  --gold-light:     #E0A820;

  /* ── Фоны ────────────────────────────────────────────────────────── */
  --bg:             #F2E9D6;
  --bg-white:       #FFFFFF;
  --bg-kraft:       #E0CFA4;
  --bg-section:     #F8F1E4;

  /* ── Текст ───────────────────────────────────────────────────────── */
  --text-dark:      #101C14;
  --text-mid:       #504438;
  --text-light:     #8E8070;
  --white:          #FFFFFF;

  /* ── Тени (глубокие, насыщенные) ────────────────────────────────── */
  --shadow-sm:      0 2px 12px rgba(17,43,30,.12);
  --shadow-md:      0 8px 40px rgba(17,43,30,.18);
  --shadow-lg:      0 24px 72px rgba(17,43,30,.26);
  --shadow-gold:    0 6px 28px rgba(196,144,12,.52);

  /* ── Геометрия ───────────────────────────────────────────────────── */
  --radius:         4px;
  --radius-sm:      2px;
  --radius-md:      8px;
  --radius-lg:      12px;

  /* ── Отступы ─────────────────────────────────────────────────────── */
  --section-y:      100px;
  --section-sm-y:   64px;
  --container-max:  1200px;
  --container-pad:  clamp(20px, 4vw, 40px);

  /* ── Анимации ────────────────────────────────────────────────────── */
  --ease:           cubic-bezier(.4,0,.2,1);
  --transition:     .3s var(--ease);
  --transition-md:  .5s var(--ease);
  --transition-lg:  .7s var(--ease);
}

@media (max-width: 768px) {
  :root {
    --section-y:    64px;
    --section-sm-y: 48px;
  }
}