/* =============================================
   SteefMade — Design Tokens (v2 · Editorial Terminal)
   ============================================= */

:root {

  /* === ЦВЕТА === */
  --olive:        #7a8c3c;   /* fills, buttons */
  --olive-bright: #a8c24f;   /* text/labels on dark — crisper, AA on #0b0b0a */
  --olive-dim:    rgba(122, 140, 60, 0.14);
  --olive-hover:  #8aa044;

  --bg:           #0b0b0a;   /* a hair warm — intentional, not "default dark" */
  --surface:      #131311;
  --surface2:     #1b1b18;
  --border:       rgba(255, 255, 255, 0.09);
  --border-strong:rgba(255, 255, 255, 0.16);
  --border-olive: rgba(168, 194, 79, 0.38);

  --text:         #f4f3ee;   /* warm off-white, not pure #fff */
  --text-dim:     rgba(244, 243, 238, 0.62);
  --text-muted:   rgba(244, 243, 238, 0.42);

  --success:      #6fb380;
  --error:        #e07a6a;

  /* === SPACING === */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-6:  24px;
  --s-8:  32px;
  --s-12: 48px;
  --s-16: 64px;
  --s-24: 96px;
  --s-32: 128px;

  /* Секции */
  --section-py: clamp(72px, 9vw, 144px);

  /* === РАДИУСЫ === */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --radius-xl: 28px;

  /* === ТЕНИ (structural, no glow) === */
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-lift: 0 24px 60px -24px rgba(0,0,0,0.7);

  /* === ПЕРЕХОДЫ === */
  --transition:     all 180ms cubic-bezier(0.22,1,0.36,1);
  --transition-md:  all 280ms cubic-bezier(0.22,1,0.36,1);
  --transition-lg:  all 420ms cubic-bezier(0.22,1,0.36,1);

  /* === НАВИГАЦИЯ === */
  --nav-height:     72px;
  --nav-height-mob: 60px;

  /* Editorial gutter */
  --rule: 1px solid var(--border);
}