/* Playhive — design tokens. Theme: "Electric-Hive" (deep navy + electric blue).
   Accent var names kept as --honey* for drop-in compatibility across components. */
:root {
  /* Base (deep navy) */
  --bg-0:#0A0D17; --bg-1:#10131F; --bg-2:#161B2B; --bg-3:#1F2640;
  /* Accent (electric blue) */
  --honey:#4F86F7; --honey-300:#7AA6FF; --honey-100:#C2D6FF;
  --honey-600:#2C5AD8; --honey-900:#13233F; --on-honey:#08152E;
  /* Text */
  --text:#EAEFFA; --text-2:#A6AFC6; --text-3:#6E7793;
  /* Lines & functional */
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.16);
  --line-honey:rgba(79,134,247,.5);
  --sale:#FF5C72; --success:#46D6A0; --ice:#48E0FF;
  /* Platform tints */
  --pc:#7AA6FF; --playstation:#4F86F7; --xbox:#9BF00B; --nintendo:#FF4554; --steam:#66C0F4;

  /* Type */
  --font-display:'Clash Display','General Sans',system-ui,sans-serif;
  --font-body:'General Sans',system-ui,-apple-system,sans-serif;
  --font-mono:'Space Mono',ui-monospace,'SFMono-Regular',monospace;
  --fs-display:clamp(2.75rem,7vw,6.5rem);
  --fs-h1:clamp(2.25rem,4.5vw,3.75rem);
  --fs-h2:clamp(1.75rem,3.2vw,2.6rem);
  --fs-h3:clamp(1.25rem,2vw,1.6rem);
  --fs-body:clamp(1rem,1.05vw,1.0625rem);
  --fs-sm:.875rem; --fs-label:.75rem;

  /* Space */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;

  /* Radii */
  --r-xs:4px; --r-sm:8px; --r:12px; --r-lg:18px; --r-pill:999px;

  /* Elevation */
  --shadow-hard:4px 4px 0 0 var(--honey-600);
  --shadow-hard-dark:5px 5px 0 0 #05080F;
  --shadow-soft:0 12px 34px -14px rgba(0,0,0,.7);
  --glow-honey:0 0 0 1px var(--line-honey), 0 10px 44px -8px rgba(79,134,247,.45);

  /* Motion */
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-inout:cubic-bezier(.65,.05,.36,1);
  --dur-1:.18s; --dur-2:.32s; --dur-3:.6s; --dur-4:.9s;

  /* Shape & layout */
  --hex:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  --maxw:1320px; --gutter:clamp(16px,3vw,40px);
  --header-h:76px;
}