/* Ultra Red Technologies — design tokens */
:root{
  /* Color */
  --void:#09060A;
  --surface:#130E14;
  --surface2:#1C1520;
  --oxblood:#43161A;
  --red:#C8382E;
  --red-bright:#F0402E;
  --ember:#FF6A4D;
  --accent:#54E0EC;
  --accent-dim:#2C8A92;
  --bone:#F1ECE4;
  --ash:#ACA59D;
  --ash-dim:#7D766F;
  --status-positive:#3ECF6E;
  --line:rgba(241,236,228,.12);
  --line-soft:rgba(241,236,228,.055);

  /* Typography */
  --font-sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;

  --fs-100:11px;
  --fs-200:12px;
  --fs-300:14px;
  --fs-400:15px;
  --fs-500:17px;
  --fs-600:20px;
  --fs-700:26px;
  --fs-800:clamp(28px,3.4vw,40px);
  --fs-900:clamp(34px,5.2vw,58px);
  --fs-hero:clamp(38px,6.4vw,72px);

  --lh-tight:1.08;
  --lh-normal:1.4;
  --lh-loose:1.7;

  /* Spacing (4px base) */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-7:32px;
  --sp-8:40px;
  --sp-9:48px;
  --sp-10:64px;
  --sp-11:96px;
  --sp-12:128px;

  /* Radius */
  --radius-sm:2px;
  --radius-md:4px;
  --radius-lg:8px;

  /* Motion */
  --ease-standard:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-fast:150ms;
  --dur-base:250ms;
  --dur-slow:450ms;
  --dur-reveal:650ms;
  --stagger-step:70ms;

  /* Layout */
  --page-max:1240px;
  --page-pad:32px;
  --header-h:76px;
}

@media (max-width:560px){
  :root{ --page-pad:20px; --header-h:64px; }
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast:1ms; --dur-base:1ms; --dur-slow:1ms; --dur-reveal:1ms; --stagger-step:0ms; }
}