:root{
  --bg:#0a0c10;
  --surface:#0d1014;
  --surface2:#131820;
  --surface3:#1a2030;
  --ink:#e9eef6;
  --muted:#9aacbf;
  --glass:rgba(13,16,20,.95);
  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.08);
  --line-soft:rgba(255,255,255,.065);
  --good:#3dbd72;
  --bad:#e05555;
  --cy:#5aa8e0;
  --vi:#5a9ec4;
  --gold:#b8a555;
  --warn:#c49355;
  --shadow1:0 4px 24px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.25);
  --shadow2:0 12px 48px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.30);
  --accentA:#4db8e8;
  --accentB:#5a9ec4;
  --accent-glow:rgba(77,184,232,.6);
  --r:clamp(12px,1.4vw,16px);
  --r-lg:clamp(14px,1.5vw,20px);
  --r-md:clamp(10px,1.1vw,14px);
  --pad:clamp(1rem,2vw,1.5rem);
  --gutter:clamp(16px,2vw,24px);
  --section-gap:clamp(4rem,8vw,7rem);
  --font-sans:'Inter',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-base:clamp(.8rem,.88vw,.92rem);
  --fs-sm:clamp(.7rem,.78vw,.82rem);
  --fs-xs:clamp(.64rem,.7vw,.74rem);
  --fs-lg:clamp(.9rem,1vw,1.02rem);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  color-scheme:dark;
}