/* nqub.com brand tokens: the only file in the site with raw values.
   Colors and layout from the live nqub.com (Webflow), so the proposed site keeps its look:
   beige, near-black, and #ff6900 orange, with the design kit's type. */
/* Type: the nqub design kit's typefaces (Archivo, Inter, JetBrains Mono), bundled in styles/fonts (OFL). */
@font-face{font-family:'Archivo';font-style:normal;font-weight:700 800;font-display:swap;src:url('./fonts/archivo-latin.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url('./fonts/inter-latin.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url('./fonts/jetbrains-mono-latin.woff2') format('woff2');}

:root{
  --c-black:#212322;
  --c-dark:#201f1f;
  --c-dark-2:#2c2e2d;
  --c-beige:#d6d2c4;
  --c-beige-2:#c9c4b4;
  --c-light:#d1cccc;
  --c-white:#f9f9f6;
  --c-orange:#ff6900;
  --c-line:rgba(214,210,196,.28);
  --c-line-dark:rgba(33,35,34,.28);
  --c-shade:rgba(20,20,20,.62);

  --f-body:'Inter',Arial,sans-serif;
  --f-display:'Archivo',Arial,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,monospace;

  --t-h1:clamp(2.5rem,1.2rem + 5.2vw,5.25rem);
  --t-h2:clamp(1.75rem,1.2rem + 2.2vw,2.75rem);
  --t-h1-split:clamp(2.25rem,1rem + 3vw,3.75rem);
  --t-h3:clamp(22px,2vw,28px);
  --t-h4:clamp(18px,1.5vw,20px);
  --t-lede:clamp(18px,1.4vw,20px);
  --t-body:16px;
  --t-small:14px;
  --t-label:14px;
  --lh-tight:1.05;
  --lh-head:1.1;
  --lh-body:1.5;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --rail:48px;
  --gutter:clamp(16px,4vw,64px);
  --max:1280px;
  --measure:32em;
  --radius:16px;
  --radius-sm:10px;
  --pill:40px;
  --line:1px;
  --line-2:2px;
  --nav-h:72px;
  --arrow:28px;
  --dot:7px;
  --hero-h:min(100svh,920px);
  --card-img:260px;
  --card-img-tall:420px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:220ms;
  --dur-slow:600ms;
  --spin:9s;
}
@media (max-width:51.25em){:root{--rail:16px;--nav-h:64px;--card-img:200px;--card-img-tall:280px;}}