/* ═══════════════════════════════════════════
   DESIGN TOKENS — все цвета, отступы, шрифты
   ═══════════════════════════════════════════ */

:root {
  /* ── Цвета ── */
  --purple:        #7B4FFF;
  --purple-light:  #A07EFF;
  --purple-dark:   #5A35CC;
  --purple-bg:     #EEE8FF;

  --green:         #39D97A;
  --green-dark:    #2BBF68;

  --yellow:        #FFD33A;

  --dark:          #0E0E14;
  --dark-2:        #1A1A27;

  --white:         #FFFFFF;
  --gray:          #9898AA;
  --gray-light:    #F4F2FF;

  --text:          #1A1A2E;
  --border:        rgba(123, 79, 255, 0.15);

  /* ── Типографика ── */
  --font-display:  'Unbounded', sans-serif;
  --font-body:     'Onest', sans-serif;

  /* ── Радиусы ── */
  --radius-sm:     14px;
  --radius-md:     24px;
  --radius-lg:     28px;
  --radius-pill:   100px;

  /* ── Тени ── */
  --shadow-green:  0 8px 32px rgba(57, 217, 122, 0.4);
  --shadow-purple: 0 8px 32px rgba(123, 79, 255, 0.35);
  --shadow-card:   0 32px 80px rgba(0, 0, 0, 0.25);

  /* ── Анимации ── */
  --ease:          cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration:      0.25s;

  /* ── Layout ── */
  --container:     1200px;
  --nav-height:    72px;
  --section-pad:   100px;
}