/* Бренд SprintAi: шрифты, цвета, градиенты, радиусы.
   Всё оформление в styles.css берёт значения только отсюда. Тема только тёмная. */

/* Шрифты — только из public/fonts/, вариативные TTF */
@font-face {
  font-family: "Unbounded";
  src: url("/fonts/Unbounded-Variable.ttf") format("truetype");
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/Manrope-Variable.ttf") format("truetype");
  font-weight: 200 800;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Палитра блока 9 паспорта */
  --bg: #0C0509;
  --card: #161019;
  --card2: #1F1823;
  --border: #2F2635;
  --field: #72687D;
  --text: #F4F1F7;
  --muted: #A79FB0;
  --accentText: #A98BFF;
  --accent: #5E17EB;
  --ok: #3DDC97;
  --err: #FF4D6D;
  --warn: #FF8A1F;

  /* Дополнительные оттенки из утверждённого прототипа */
  --text-soft: #D7D0DE;
  --text-soft2: #E2DCE8;
  --text-code: #E7E1EE;
  --text-md: #DCD5E3;
  --text-pv: #CFC8D6;
  --border-hover: #4A3B55;
  --err-soft: #FF8FA3;
  --err-soft2: #FF9FB0;
  --warn-soft: #FFC08A;
  --ok-soft: #9BEFC8;
  --paper: #F7F4EF;
  --paper-ink: #2a2130;
  --violet-mid: #8A1FD6;
  --side-bg: #0f090f;
  --drawer-bg: #120b14;
  --toast-bg: #241a2c;
  --tile-bg: #1a1220;
  --orb-top: #211629;
  --orb-bottom: #130c16;
  --stage-1: #2a0f45;
  --stage-2: #12081a;
  --white: #FFFFFF;

  /* Полупрозрачные слои */
  --glass: rgba(22, 16, 25, 0.6);
  --glass-strong: rgba(22, 16, 25, 0.8);
  --header-bg: rgba(18, 11, 20, 0.62);
  --header-bg-scrolled: rgba(18, 11, 20, 0.86);
  --menu-bg: rgba(18, 11, 20, 0.96);
  --topbar-bg: rgba(12, 5, 9, 0.8);
  --topbar-bg-strong: rgba(12, 5, 9, 0.92);
  --dim-75: rgba(12, 5, 9, 0.75);
  --dim-85: rgba(12, 5, 9, 0.85);
  --dim-55: rgba(12, 5, 9, 0.55);
  --dim-60: rgba(12, 5, 9, 0.6);
  --dim-15: rgba(12, 5, 9, 0.15);
  --dim-0: rgba(12, 5, 9, 0);
  --shade: rgba(5, 2, 6, 0.6);
  --shade-strong: rgba(5, 2, 6, 0.7);
  --line-soft: rgba(255, 255, 255, 0.06);
  --line-softer: rgba(255, 255, 255, 0.04);
  --line-faint: rgba(255, 255, 255, 0.03);
  --line-glass: rgba(255, 255, 255, 0.08);
  --badge-bg: rgba(31, 24, 35, 0.9);
  --accent-08: rgba(94, 23, 235, 0.08);
  --accent-06: rgba(94, 23, 235, 0.06);
  --accent-12: rgba(94, 23, 235, 0.12);
  --accent-14: rgba(94, 23, 235, 0.14);
  --accent-18: rgba(94, 23, 235, 0.18);
  --accent-20: rgba(94, 23, 235, 0.2);
  --accent-22: rgba(94, 23, 235, 0.22);
  --accent-25: rgba(94, 23, 235, 0.25);
  --accent-04: rgba(94, 23, 235, 0.04);
  --accent-text-25: rgba(169, 139, 255, 0.25);
  --accent-text-35: rgba(169, 139, 255, 0.35);
  --accent-text-40: rgba(169, 139, 255, 0.4);
  --accent-text-50: rgba(169, 139, 255, 0.5);
  --glow-violet: rgba(138, 31, 214, 0.8);
  --glow-violet-2: rgba(138, 31, 214, 0.7);
  --glow-violet-soft: rgba(138, 31, 214, 0.2);
  --glow-magenta: rgba(176, 0, 159, 0.9);
  --glow-accent: rgba(94, 23, 235, 0.6);
  --glow-orange: rgba(255, 100, 54, 0.7);
  --edge-1: rgba(94, 23, 235, 0.5);
  --edge-2: rgba(191, 0, 173, 0.5);
  --err-06: rgba(255, 77, 109, 0.06);
  --err-03: rgba(255, 77, 109, 0.03);
  --err-10: rgba(255, 77, 109, 0.1);
  --err-12: rgba(255, 77, 109, 0.12);
  --err-30: rgba(255, 77, 109, 0.3);
  --err-35: rgba(255, 77, 109, 0.35);
  --err-45: rgba(255, 77, 109, 0.45);
  --err-pulse: rgba(255, 77, 109, 0.6);
  --err-pulse-0: rgba(255, 77, 109, 0);
  --warn-10: rgba(255, 138, 31, 0.1);
  --warn-15: rgba(255, 138, 31, 0.15);
  --warn-35: rgba(255, 138, 31, 0.35);
  --ok-08: rgba(61, 220, 151, 0.08);
  --ok-30: rgba(61, 220, 151, 0.3);
  --ok-glow: rgba(61, 220, 151, 0.6);
  --shadow-deep: rgba(0, 0, 0, 0.8);
  --shadow-toast: rgba(0, 0, 0, 0.7);
  --text-shadow-hero: rgba(12, 5, 9, 0.8);
  --text-shadow-sub: rgba(12, 5, 9, 0.9);

  /* Градиенты блока 9 */
  --g-action: linear-gradient(90deg, #5E17EB, #8A1FD6, #B0009F);
  --g-wave: linear-gradient(90deg, #5E17EB, #BF00AD, #FF6436, #EAB132);
  --g-word: linear-gradient(90deg, #8C6BFF, #E04BD0, #FF7A45);
  --g-conic: conic-gradient(from var(--ang, 0deg), #5E17EB, #BF00AD, #FF6436, #EAB132, #5E17EB);
  --g-orb: linear-gradient(160deg, var(--orb-top), var(--orb-bottom));
  --g-stage: radial-gradient(120% 90% at 50% 110%, var(--stage-1) 0%, var(--stage-2) 55%, var(--bg) 100%);
  --g-edge: linear-gradient(90deg, var(--edge-1), var(--edge-2));
  --g-connector: linear-gradient(#5E17EB, #BF00AD);

  /* Шрифты */
  --font-head: "Unbounded", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;

  /* Размеры и радиусы */
  --r: 24px;
  --r-inner: 20px;
  --r-small: 14px;
  --pill: 9999px;
  --max: 1200px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --h1: 56px;
  --h2: 32px;
}

@media (max-width: 640px) {
  :root {
    --h1: 32px;
    --h2: 24px;
  }
}