/* ============================================================
   ДИЗАЙН-ТОКЕНЫ — БелСахарКомплект v2
   Палитра, скругления, тени, типографика из фирменной презентации
   ============================================================ */
:root {
  /* — цвет — */
  --green-900: #16331C;
  --green-700: #1F3D24;
  --green-500: #2E5E33;
  --green-200: #8FB293;
  --red-500:   #F23030;
  --red-400:   #FF4B4B;
  --ink:       #1A1A1A;
  --graphite:  #5A5F5C;
  --paper:     #EFEFEF;
  --cloud:     #F8F8F6;
  --white:     #FFFFFF;
  --hairline:  #E2E2E2;

  /* — скругления — */
  --radius-card: 24px;
  --radius-sm:   14px;
  --radius-pill: 999px;

  /* — тени — */
  --shadow-soft: 0 20px 50px -24px rgba(20, 40, 25, .25);
  --shadow-lift: 0 30px 70px -28px rgba(20, 40, 25, .35);
  --shadow-card: 0 10px 30px -18px rgba(20, 40, 25, .30);

  /* — типографика — */
  --font-display: "Onest", "Manrope", system-ui, sans-serif;
  --font-body:    "Golos Text", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* — раскладка — */
  --wrap: 1240px;
  --gutter: clamp(18px, 4vw, 48px);
  --header-h: 74px;

  /* — фоновая вуаль (управляется из JS по скроллу) — */
  --veil-opacity: .35;
}

@media (max-width: 720px) {
  :root { --header-h: 62px; }
}