@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
:root{
  --bg:#121214;
  --panel:#1C1C20;
  --panel-2:color-mix(in srgb, var(--panel) 78%, var(--bg));
  --line:#2E2E34;
  --accent:#ECECEF;
  --accent-2:#8A8A92;
  --radius:6px;
  --text:#F5F8FC;
  --text-2:color-mix(in srgb, var(--text) 58%, var(--bg));
  --prose:color-mix(in srgb, var(--text) 84%, var(--bg));
  --on-accent:#101114;
  --on-accent-pair:#101114;
  --font-head:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --hero-grad:linear-gradient(180deg,var(--text),var(--text));
  --hero-fill:transparent;
  --hero-text-align:left;
  --hero-items:flex-start;
  --hero-sub-margin:0;
  --hero-justify:flex-start;
  --btn-bg:var(--accent);
  --btn-shadow:none;
  --btn-shadow-hover:0 6px 18px -8px var(--accent);
  --card-bg:var(--panel);
  --card-border:1px solid var(--line);
  --card-shadow:0 1px 2px rgba(0,0,0,.25);
  --card-shadow-hover:0 16px 40px -28px rgba(0,0,0,.7);
  --card-blur:none;
  --icon-bg:var(--accent);
  --icon-radius:var(--radius);
  --glow-1:0;
  --glow-2:0;
  --tile-cta:"Играть";
}