/* Digital Perception — homepage design tokens
   Base: carbon / graphite. Energy: orange → amber → gold, used as signal not paint. */
:root{
  --void:#06080a; --carbon:#0a0d10; --graphite:#11161a; --steel:#1a2127; --steel-2:#242c33;
  --line:rgba(205,214,222,.10); --line-2:rgba(205,214,222,.18); --line-3:rgba(205,214,222,.32);
  --ink:#eeece6; --mute:#a9b1b7; --dim:#88919a;
  --amber:#f77f00; --amber-hot:#ff941f; --gold:#fcbf49; --ember:#ff5b14; --navy:#003049;
  --energy:247,127,0;
  --glass:rgba(12,16,20,.62); --glass-2:rgba(14,19,24,.82);
  --f-display:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.2,.75,.25,1); --ease-io:cubic-bezier(.65,0,.35,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --gutter:clamp(20px,4.2vw,72px);
  --wrap:min(1280px,calc(100% - var(--gutter)*2));
  --hd:76px;
  --t-h1:clamp(2.3rem,.9rem + 3.9vw,4.7rem);
  --t-h2:clamp(2.05rem,1.2rem + 3.2vw,4.4rem);
  --t-h3:clamp(1.2rem,1.02rem + .7vw,1.7rem);
  --t-body:clamp(1rem,.96rem + .18vw,1.0625rem);
  --section:clamp(88px,11vw,160px);
}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}