:root {
  /* ============================================================
     Палитра — нейтральная тёмная, в духе Linear / Vercel
     Без неона, без насыщенных акцентов.
     ============================================================ */

  /* Фон и поверхности */
  --bg:           #0d0e12;
  --bg-sub:       #111219;
  --surface:      #14151c;
  --surface-2:    #1a1c25;
  --surface-3:    #21232e;
  --surface-4:    #282a37;

  /* Границы */
  --border:       #23252f;
  --border-2:     #2c2f3b;
  --border-3:     #3a3d4a;

  /* Текст */
  --text:         #e8e9ee;
  --text-2:       #b6b8c3;
  --text-3:       #7f8290;
  --text-4:       #555869;

  /* Акцент — спокойный indigo, не фиолет-неон */
  --accent:        #6d7cff;
  --accent-hi:     #8490ff;
  --accent-lo:     #5566e0;
  --accent-soft:   rgba(109,124,255,.13);
  --accent-soft-2: rgba(109,124,255,.08);

  /* Семантика — приглушённая, не «светофор» */
  --success:      #4ade80;
  --success-soft: rgba(74,222,128,.13);
  --success-dim:  #1e4b32;

  --warning:      #f0b860;
  --warning-soft: rgba(240,184,96,.14);
  --warning-dim:  #4a3818;

  --danger:       #f26c6c;
  --danger-soft:  rgba(242,108,108,.14);
  --danger-dim:   #4a2222;

  --info:         #6ba8f5;
  --info-soft:    rgba(107,168,245,.14);

  --whatsapp:     #25d366;

  /* ============================================================
     Отступы
     ============================================================ */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 20px;  --s-6: 24px;  --s-7: 32px;  --s-8: 40px;  --s-9: 56px;

  /* ============================================================
     Радиусы — умеренные, не «супер-круглые»
     ============================================================ */
  --r-xs:   4px;
  --r-sm:   6px;
  --r-md:   8px;
  --r-lg:   10px;
  --r-xl:   14px;
  --r-full: 999px;

  /* ============================================================
     Типографика
     ============================================================ */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
          Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
               Consolas, "Liberation Mono", monospace;

  --fs-2xs: 10px;
  --fs-xs:  11px;
  --fs-sm:  12.5px;
  --fs-md:  13.5px;
  --fs-lg:  15px;
  --fs-xl:  18px;
  --fs-2xl: 22px;
  --fs-3xl: 28px;

  --lh-tight:  1.25;
  --lh-normal: 1.5;
  --lh-loose:  1.65;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  /* ============================================================
     Тени — мягкие, тонкие
     ============================================================ */
  --shadow-1: 0 1px 2px rgba(0,0,0,.25);
  --shadow-2: 0 4px 12px rgba(0,0,0,.32);
  --shadow-3: 0 8px 28px rgba(0,0,0,.42);
  --shadow-4: 0 16px 48px rgba(0,0,0,.55);

  /* ============================================================
     Тайминги
     ============================================================ */
  --t-fast: 100ms;
  --t-base: 160ms;
  --t-slow: 240ms;

  --ease:        cubic-bezier(.4,0,.2,1);
  --ease-out:    cubic-bezier(.16,1,.3,1);
  --ease-in:     cubic-bezier(.4,0,1,1);
  --ease-spring: cubic-bezier(.34,1.4,.64,1);

  /* ============================================================
     Размеры и z-шкала
     ============================================================ */
  --header-h: 52px;
  --container-max: 1440px;
  --focus-ring: 0 0 0 3px var(--accent-soft);

  --z-header:   40;
  --z-drawer:   60;
  --z-menu:     80;
  --z-modal:    100;
  --z-toast:    120;
  --z-splash:   200;
}

@media (max-width: 480px) {
  :root {
    --fs-2xl: 20px;
    --fs-3xl: 24px;
    --header-h: 48px;
  }
}