/* ============================================================
   theme.css — единственный источник правды по цветам и размерам.
   Меняете здесь — меняется весь сайт.
   ============================================================ */
:root {

  /* ---- цвет: фирменная палитра проекта -------------------- */
  --magenta:        #ff0078;   /* был в style_main.css */
  --magenta-dark:   #e0006a;
  --magenta-soft:   #ff4fa3;
  --magenta-wash:   rgba(255, 0, 120, .09);
  --violet:         #505cfd;   /* был в style_main.css */

  --ink:            #101218;   /* тёмный фон секций */
  --graphite:       #2c343b;   /* был: основной тёмный */
  --slate:          #48484c;   /* был */
  --gray:           #6a7382;   /* вторичный текст */
  --gray-light:     #9aa1ad;

  --mist:           #f3f4f8;   /* светлый фон секций (был #edeff4) */
  --line:           #e4e6ee;   /* границы */
  --white:          #ffffff;

  --danger:         #e94242;
  --success:        #22a06b;

  /* спектр фитолампы 450→660 нм. Фирменный градиент сайта */
  --spectrum: linear-gradient(90deg, #3b47f5 0%, #7b3df0 28%, #ff0078 62%, #ff4a2e 100%);

  /* ---- типографика ---------------------------------------- */
  --font-display: "Unbounded", "Arial Black", sans-serif;
  --font-body:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "Courier New", monospace;

  --fs-h1:   clamp(38px, 7vw, 88px);
  --fs-h2:   clamp(30px, 4.2vw, 52px);
  --fs-h3:   clamp(22px, 2.4vw, 30px);
  --fs-h4:   19px;
  --fs-body: 17px;
  --fs-sm:   15px;
  --fs-xs:   13px;
  --fs-mono: 12px;

  /* ---- сетка и отступы ------------------------------------ */
  --shell:     1240px;   /* ширина контейнера */
  --shell-pad: 24px;

  --s-1:  4px;   --s-2:  8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;   --s-6: 32px;   --s-7: 48px;  --s-8: 64px;
  --s-9: 96px;

  --section-y:      clamp(72px, 9vw, 132px);
  --section-y-sm:   clamp(56px, 6vw, 88px);

  /* ---- форма ---------------------------------------------- */
  --r-sm: 12px;  --r-md: 18px;  --r-lg: 28px;  --r-pill: 999px;

  --shadow-sm: 0 4px 14px -6px rgba(16, 18, 24, .18);
  --shadow-md: 0 20px 44px -22px rgba(16, 18, 24, .35);
  --shadow-lg: 0 30px 70px -30px rgba(16, 18, 24, .5);
  --shadow-magenta: 0 18px 44px -18px rgba(255, 0, 120, .65);

  --ease: cubic-bezier(.22, 1, .36, 1);
  --t-fast: .2s;  --t-mid: .35s;  --t-slow: .6s;

  --z-nav: 100;  --z-preloader: 1000;
}