/* Crunch Noir — tokens */
:root{
  /* core 70/20/10 */
  --gun:#2C2F33;
  --gun-2:#23262A;
  --gun-3:#1A1C1F;
  --obs:#0B0C0D;
  --saf:#F4A620;

  /* neutrals */
  --bone:#EDE6D6;
  --bone-2:#E3DBC7;
  --paper:#F6F1E3;

  /* flavor SKUs */
  --chili:#E24B1A;
  --dill:#9FB84E;
  --honey:#F6C542;

  /* lines */
  --line:rgba(237,230,214,0.16);
  --line-strong:rgba(237,230,214,0.32);
  --ink-dim:rgba(237,230,214,0.62);

  /* type families (Google Fonts) */
  --f-display:"Bebas Neue", "Oswald", Impact, sans-serif;
  --f-sans:"Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* scale */
  --fs-h0:clamp(4.5rem, 14vw, 12rem);
  --fs-h1:clamp(3rem, 8vw, 7rem);
  --fs-h2:clamp(2rem, 4.5vw, 4rem);
  --fs-h3:clamp(1.25rem, 2vw, 1.75rem);
  --fs-body:clamp(.9375rem, 1.2vw, 1.0625rem);
  --fs-micro:10px;

  /* layout */
  --canvas:1440px;
  --wide:1240px;
  --gutter:40px;

  /* motion */
  --dur:.3s;
  --ease:cubic-bezier(.2,.7,.2,1);
}

@media (max-width:1023px){:root{--gutter:24px}}
@media (max-width:639px){:root{--gutter:16px}}