/* SteamFlow r1 — tokens. Dark gaming marketplace: graphite surfaces, acid-lime action, semantic delivery colours. */
:root {
  color-scheme: dark;

  /* surfaces */
  --bg: #08090D;
  --bg-raise: #0C0E13;
  --s1: #12141B;
  --s2: #181B24;
  --s3: #20242F;
  --s4: #2A2F3C;
  --field: #0B0D12;
  --line: rgba(255, 255, 255, 0.06);
  --line-2: rgba(255, 255, 255, 0.1);
  --line-3: rgba(255, 255, 255, 0.17);

  /* text */
  --text: #F2F4F8;
  --text-2: #A9AFBD;
  --text-3: #808799;

  /* action + semantics */
  --lime: #C6F24E;
  --lime-hi: #DBFF80;
  --lime-ink: #0B0E05;
  --lime-a10: rgba(198, 242, 78, 0.1);
  --lime-a20: rgba(198, 242, 78, 0.2);
  --lime-a40: rgba(198, 242, 78, 0.4);
  --blue: #6B95FF;
  --account: #4FD1F5;   /* на аккаунт */
  --code: #FFB84D;      /* код */
  --gift: #B49BFF;      /* подарок в Steam */
  --danger: #FF6170;
  --danger-a: rgba(255, 97, 112, 0.12);
  --ok: #5EE0A0;

  /* type */
  --font-display: "Unbounded", "Onest", system-ui, sans-serif;
  --font-body: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px;
  --fs-s: 13px;
  --fs-m: 15px;
  --fs-l: 17px;
  --fs-h3: 18px;
  --fs-h2: clamp(20px, 1.2rem + 0.6vw, 26px);
  --fs-hero: clamp(24px, 0.9rem + 1.6vw, 40px);

  /* shape + space */
  --r-xs: 8px;
  --r-s: 11px;
  --r-m: 14px;
  --r-l: 18px;
  --r-xl: 24px;
  --gutter: 28px;
  --rail-w: 84px;
  --header-h: 72px;
  --sec-gap: clamp(36px, 2rem + 1.6vw, 56px);

  /* depth */
  --sh-1: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 10px 28px -14px rgba(0, 0, 0, 0.7);
  --sh-2: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 24px 48px -20px rgba(0, 0, 0, 0.85);
  --sh-lime: 0 0 0 1px rgba(198, 242, 78, 0.28), 0 18px 44px -18px rgba(198, 242, 78, 0.35);

  /* motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur: 260ms;
  --dur-slow: 520ms;
}

@media (max-width: 1023px) {
  :root {
    --gutter: 16px;
    --header-h: 60px;
  }
}