:root {
  color-scheme: dark;

  --black: #0b0a0c;
  --ink-0: #050506;
  --white: #ffffff;
  --sand: #ddd6cf;
  --cyan-400: #2acaff;
  --cyan-500: #26d2fd;
  --cyan-700: #0586c2;
  --on-cyan: #160800;
  --pink-500: #ff4f9a;
  --red-500: #ff2e63;
  --orange-500: #ff8a3d;
  --yellow-400: #ffd23f;
  --yellow-200: #ffec8a;
  --green-500: #8be04e;
  --green-600: #6cc832;
  --violet-500: #b48cff;
  --amber-500: #ffb020;

  --bg: var(--black);
  --surface: rgb(20 20 25 / .82);
  --surface-1: rgb(255 255 255 / .07);
  --surface-2: rgb(255 255 255 / .05);
  --surface-3: rgb(255 255 255 / .1);
  --line: rgb(255 255 255 / .1);
  --line-strong: rgb(255 255 255 / .18);
  --text: #fff;
  --text-2: rgb(255 255 255 / .78);
  --muted: rgb(255 255 255 / .55);
  --subtle: rgb(255 255 255 / .38);
  --accent: var(--cyan-500);
  --brand: var(--cyan-400);
  --danger: var(--red-500);
  --risk-red: #ec382e;
  --risk-green: #13a24b;
  --risk-green-bright: #1fd35e;
  --ok: var(--green-500);
  --tint: rgb(38 210 253 / .1);
  --hot-bg: rgb(38 210 253 / .12);
  --ring: var(--black);
  --g-cyan: var(--cyan-500);
  --glass: rgb(12 13 18 / .84);
  --glass-line: rgb(255 255 255 / .13);
  --g-card: linear-gradient(135deg, rgb(38 210 253 / .2), rgb(38 210 253 / .05) 70%), rgb(16 18 24 / .9);

  --font: var(--font-golos, "Golos Text"), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: var(--font-golos, "Golos Text"), "Arial Black", sans-serif;
  --fs-display: 25px; --lh-display: 1.14;
  --fs-h2: 19px;      --lh-h2: 1.2;
  --fs-body: 15px;    --lh-body: 1.5;
  --fs-small: 13px;   --lh-small: 1.45;
  --fs-caption: 12px; --lh-caption: 1.4;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-heavy: 800; --fw-black: 900;
  --ls-display: .045em;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s7: 32px; --s8: 40px;
  --r-sm: 10px; --r-md: 12px; --r-lg: 18px; --r-xl: 28px;
  --gutter: 18px;
  --shell: 430px;
  --tap: 44px;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --spring: cubic-bezier(.34, 1.56, .64, 1);
  --t-fast: 160ms;
  --t-base: 240ms;

  --button-h: 58px;
  --button-r: 18px;
  --button-edge: 0 5px 0 var(--cyan-700);
  --card-r: var(--r-lg);
  --card-pad: 16px;
  --card-shadow: 0 10px 30px rgb(0 0 0 / .35);
  --glow: 0 0 4px 1px var(--cyan-500);
  --bubble: #23262d;
  --bubble-target: var(--cyan-500);
}

@media (max-width: 340px) {
  :root { --gutter: 12px; --fs-display: 22px; }
}