/* ============================================================================
   InnovTech — ребрендинг в палитру InnovArm.
   Фирменные цвета компании: синий #375BEB, индиго #7678ED, фиолетовый #C089F6.
   Подключается после store.css и arcade.css, переопределяет только токены и
   несколько акцентных деталей — вёрстка и поведение общие с соседним магазином.
   Прежняя «палитра Bugatti» (глубокий синий + серебро) заменена целиком.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700;800&family=Noto+Sans+Armenian:wght@500;700;800&display=swap');

:root {
  /* Карбон с индиго-подтоном: чистый серый рядом с фиолетовым выглядит мёртвым. */
  --carbon-900: #070A1C;
  --carbon-800: #0D1130;
  --carbon-700: #151A44;

  /* Шкала «navy» держит роль основного цвета: все ссылки, кнопки и активные
     состояния store.css берут её. Теперь это сине-фиолетовая InnovArm. */
  --navy-900: #0F1550;
  --navy-800: #19228A;
  --navy-700: #2840D6;
  --navy-600: #375BEB;
  --navy-500: #375BEB;
  --navy-400: #7678ED;

  /* Нейтральные — холодные, с лавандовым оттенком. */
  --silver-50:  #F7F8FF;
  --silver-100: #ECEEFC;
  --silver-200: #DADDF5;
  --silver-300: #C2C7EA;
  --silver-400: #A3AAD8;
  --silver-500: #7F86B8;
  --silver-600: #585F94;

  --stitch: rgba(255,255,255,.55);
  --success: #19B97A;
  --danger:  #E5484D;
  --sale:    #F0386B;

  --bg: #EEF0FD;
  --surface: #FFFFFF;
  --text: var(--carbon-900);
  --text-dim: var(--silver-600);
  --edge: var(--silver-200);
  --shade: var(--silver-50);
  --shade-2: var(--silver-200);

  --dark-sunk:   #0A0E26;
  --dark-sunk-2: #131846;
  --dark-edge:   #1E2560;
  --dark-edge-2: #2E3890;
  --dark-visual-1: #0A0E26;
  --dark-visual-2: #141A52;

  --radius: 18px;
  --radius-sm: 11px;
  --shadow-sm: 0 1px 2px rgba(15,21,80,.06), 0 1px 3px rgba(15,21,80,.05);
  --shadow-md: 0 8px 24px rgba(40,64,214,.14);
  --shadow-lg: 0 18px 54px rgba(40,64,214,.24);

  --font: 'Inter', 'Noto Sans Armenian', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Unbounded', 'Noto Sans Armenian', 'Inter', var(--font);

  /* токены arcade.css */
  --ax-1: #375BEB;
  --ax-2: #7678ED;
  --ax-3: #C089F6;
  --ax-glow: 118, 120, 237;
  --ax-ink: #ffffff;
}

/* Unbounded очень широкий — на заголовках держим умеренный размер и вес */
.logo-text, .section-head h2, .page-h1, .slide h2, .hero h1 { font-weight: 700; }
.slide h2 { font-size: clamp(24px, 3.1vw, 40px); line-height: 1.12; }
.section-head h2 { font-size: clamp(19px, 2vw, 25px); }
.page-h1 { font-size: clamp(22px, 2.6vw, 32px); }
.btn { font-weight: 600; font-size: 13.5px; }
.prod-price, .pdp-price { font-weight: 600; letter-spacing: -.02em; }
.pdp-price { font-size: clamp(24px, 3vw, 34px); }

/* Шапка: глубокий индиго с фиолетовым отсветом справа */
.header { background: linear-gradient(100deg, var(--carbon-900) 0%, var(--navy-900) 60%, #2A1366 100%); box-shadow: 0 6px 30px rgba(55,91,235,.25); }
.topbar { background: #04061A; }
.catnav { background: linear-gradient(90deg, #131A6B, #2A2DAE 50%, #5B2BB8); border-bottom: 0; }
.catnav a { color: #fff; }

.logo-mark { border-radius: 13px; border: 0; font-family: var(--ax-display); font-weight: 800; }
.logo-text span { background: linear-gradient(110deg, var(--ax-2), var(--ax-3)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

.prod-price, .pdp-price { color: var(--navy-700); }
.prod-brand { color: var(--ax-2); }
.msg-ok { background: #E3E8FF; color: #1E2FA8; }
.btn-outline { color: var(--navy-700); }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .prod-price,
  :root:not([data-theme="light"]) .pdp-price { color: #B9BBFF; }
  :root:not([data-theme="light"]) .prod-brand { color: var(--ax-3); }
}
:root[data-theme="dark"] .prod-price,
:root[data-theme="dark"] .pdp-price { color: #B9BBFF; }
:root[data-theme="dark"] .prod-brand { color: var(--ax-3); }

/* ===== Светлая тема: светлая шапка и воздух ===== */
:root[data-theme="light"] .topbar { background: #E4E8FF; color: #3A4290; }
:root[data-theme="light"] .topbar a { color: #3A4290; }
:root[data-theme="light"] .topbar a:hover { color: #1B2A9E; }
:root[data-theme="light"] .header { background: rgba(255,255,255,.82); box-shadow: 0 8px 30px -12px rgba(55,91,235,.28); }
:root[data-theme="light"] .header .logo-text { color: #0F1550; }
:root[data-theme="light"] .header .searchbox { background: #fff; border-color: #D9DDFB; }
:root[data-theme="light"] .header .searchbox input { color: #0F1550; }
:root[data-theme="light"] .header .icon-btn, :root[data-theme="light"] .header .theme-btn, :root[data-theme="light"] .header .curr-sel {
  background: #fff; color: #2840D6; border-color: #D9DDFB; }
:root[data-theme="light"] .header .langsw { background: #EEF0FD; }
:root[data-theme="light"] .header .langsw a { color: #3A4290; }
:root[data-theme="light"] .header .langsw a.active { background: var(--ax-grad); color: #fff; }
:root[data-theme="light"] .catnav { background: linear-gradient(90deg, #375BEB, #7678ED 55%, #C089F6); }
:root[data-theme="light"] .usp, :root[data-theme="light"] .coll-tile { background: #fff; }

:root[data-theme="light"] .header .searchbox { background: #F3F4FF; border: 1px solid #D9DDFB; }
:root[data-theme="light"] .header .searchbox input { background: transparent; color: #0F1550; }
:root[data-theme="light"] .header .searchbox input::placeholder { color: #7F86B8; opacity: 1; }
.slide h2 { font-size: clamp(22px, 2.35vw, 34px); }