/* ============================================================
   DESIGN TOKENS — редактируй только здесь
   ============================================================ */
:root {

  /* --- COLORS: Neutral --- */
  --color-white:        #FFFFFF;
  --color-bg-cream:     #FDFBF7;
  --color-bg-warm:      #FFF8F0;
  --color-bg-peach:     #FFF4ED;
  --color-beige-100:    #F5F0E8;
  --color-beige-200:    #EDE7DA;
  --color-beige-300:    #E3DDD5;
  --color-beige-400:    #DDD6CC;
  --color-beige-500:    #C8BFB2;
  --color-beige-600:    #B5AFA5;
  --color-brown-400:    #8C8476;
  --color-brown-500:    #6F675F;
  --color-brown-600:    #5F5A55;
  --color-brown-700:    #3D3830;
  --color-brown-800:    #2C2520;
  --color-brown-900:    #1A1713;
  --color-black:        #0A0A0C;

  /* --- COLORS: Accent (brand) --- */
  --color-accent:         #D4522A;
  --color-accent-hover:   #BF4A25;
  --color-accent-light:   #D97040;
  --color-accent-lighter: #F0A070;
  --color-accent-bg:      #F1D8C8;
  --color-accent-bg-soft: #FAF0EB;
  --color-accent-a08:     rgba(212, 82, 42, 0.08);
  --color-accent-a15:     rgba(212, 82, 42, 0.15);

  /* --- COLORS: Success --- */
  --color-success:      #3A9E5F;
  --color-success-light:#6ABF8A;
  --color-success-pale: #A5D9B8;
  --color-success-bg:   #F0FFF7;

  /* --- COLORS: Blue --- */
  --color-blue:         #7DA2D9;
  --color-blue-light:   #B8CAEE;
  --color-blue-bg:      #EEF3FF;

  /* --- COLORS: Purple --- */
  --color-purple:       #8A6EC8;
  --color-purple-light: #B09ADE;
  --color-purple-pale:  #D4C4F0;
  --color-purple-bg:    #F5F0FF;

  /* --- COLORS: Misc --- */
  --color-gold:         #E0BC90;
  --color-peach:        #F5C4A5;
  --color-divider:      rgba(26, 23, 19, 0.10);
  --color-overlay:      rgba(26, 23, 19, 0.40);

  /* --- FONTS --- */
  --font-primary:   'Instrument Sans', sans-serif;
  --font-serif:     'Instrument Serif', serif;
  --font-secondary: 'Instrument Sans', sans-serif;

  /* --- FONT SIZES --- */
  --text-hero:    54px;
  --text-h1:      52px;
  --text-h2:      28px;
  --text-h3:      18px;
  --text-xl:      24px;
  --text-lg:      20px;
  --text-base-lg: 16px;
  --text-base:    14px;
  --text-sm:      13px;
  --text-xs:      12px;
  --text-xxs:     11px;

  /* --- LINE HEIGHTS --- */
  --leading-tight:   1.14;
  --leading-snug:    1.22;
  --leading-normal:  1.36;
  --leading-relaxed: 1.5;
  --leading-loose:   1.6;

  /* --- SPACING --- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  28px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* --- BORDER RADIUS --- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  20px;
  --radius-3xl:  24px;
  --radius-4xl:  32px;
  --radius-full: 100px;

  /* --- TRANSITIONS --- */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;

  /* --- LAYOUT --- */
  --container-max:  1200px;
  --container-pad:  120px;
  --section-pad-y:  64px;
}