/* =========================================================
   DESIGN SYSTEM — ЭТИМИНАНК
   Color strategy: Restrained. White surface, gold accent ≤10%,
   black for authority. Gold is earned, not defaulted.
========================================================= */
:root {
  /* Colors */
  --gold:        #D4AF37;
  --gold-dim:    #B8962E;
  --black:       #0A0A0A;
  --black-hover: #333333;
  --ink:         #1C1C1E;
  --ink-muted:   #4A4A4F;
  --ink-faint:   #8A8A8E;
  --surface:     #FFFFFF;
  --surface-2:   #F7F7F7;
  --border:      #E5E5E5;
  --border-gold: rgba(212, 175, 55, 0.25);
  --success:     #1A7A3C;
  --success-bg:  #EAF6EE;
  --error:       #C0392B;

  /* Typography scale */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --size-xs:   13px;
  --size-sm:   14px;
  --size-base: 16px;
  --size-md:   18px;
  --size-lg:   22px;
  --size-xl:   clamp(26px, 3.5vw, 38px);
  --size-2xl:  clamp(36px, 5vw, 60px);

  /* New typography (b7 redesign) */
  --size-h1: clamp(36px, 5vw, 60px);
  --size-h2: clamp(28px, 3.2vw, 38px);
  --size-sub: 20px;
  --size-body: 17px;

  /* Spacing rhythm */
  --sp-2:   4px;
  --sp-4:   8px;
  --sp-6:  12px;
  --sp-8:  16px;
  --sp-12: 24px;
  --sp-16: 32px;
  --sp-20: 40px;
  --sp-24: 48px;
  --sp-32: 64px;
  --sp-40: 80px;

  /* New spacing (b7 redesign) */
  --space-section: 96px;
  --space-grid: 32px;

  /* Layout */
  --max-w: 1200px;
  --max-w-text: 720px;
  --col-pad: 5%;

  /* Elevation — только еле заметные, blur ≤ 8px (гайдлайн) */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:  0 2px 8px rgba(0,0,0,0.05);
  --shadow-lg:  0 4px 8px rgba(0,0,0,0.06);

  /* Radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-btn: 12px;
  --r-input: 12px;

  /* Z-index scale */
  --z-base:    1;
  --z-sticky: 50;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  240ms;
  --dur-fast: 150ms;
}