/* ТК ЕВА — design tokens. Brandbook: black / orange #FE6C17 / white. Dark premium "Северный путь". */
:root {
  /* surfaces (off-black, never pure #000) */
  --bg-0: #0c0d0f;
  --bg-1: #121317;
  --bg-2: #181a1f;
  --bg-3: #20232a;
  --bg-glass: rgba(14, 15, 18, 0.72);

  /* lines */
  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.14);

  /* ink */
  --ink: #f5f6f8;
  --ink-2: #b7bcc6;
  --ink-3: #7e8591;

  /* single accent — brand orange */
  --accent: #fe6c17;
  --accent-2: #ff8a3d;
  --accent-deep: #e15301;
  --accent-tint: rgba(254, 108, 23, 0.12);
  --accent-line: rgba(254, 108, 23, 0.35);

  /* state (demo) */
  --ok: #36b37e;
  --danger: #f0543a;

  /* type */
  --font-display: "Oswald", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-eyebrow: 0.8125rem;
  --fs-body: 1rem;
  --fs-lead: clamp(1.0625rem, 0.95rem + 0.6vw, 1.3125rem);
  --fs-h4: clamp(1.125rem, 1.02rem + 0.5vw, 1.375rem);
  --fs-h3: clamp(1.5rem, 1.25rem + 1.2vw, 2.25rem);
  --fs-h2: clamp(2rem, 1.5rem + 2.4vw, 3.5rem);
  --fs-display: clamp(2.75rem, 1.6rem + 5.6vw, 6.5rem);
  --fs-stat: clamp(3rem, 2rem + 4.5vw, 5.5rem);

  /* spacing (4/8 base) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* radii — varied, not uniform */
  --r-sm: 8px;
  --r: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* shadow */
  --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 18px 50px rgba(0, 0, 0, 0.45);
  --shadow-accent: 0 14px 36px rgba(225, 83, 1, 0.32);

  /* layout */
  --container: 1320px;
  --gutter: clamp(1rem, 0.4rem + 2.4vw, 2.5rem);
  --header-h: 76px;
  --topbar-h: 40px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --z-header: 100;
  --z-overlay: 400;
  --z-modal: 500;
}