/* Generated from brand/viralest.brand.json v1.0.0 by scripts/brand-to-css.mjs. Edit the brand file, not this. */
:root {
  /* brand roles: swap per brand */
  --brand-primary: #ED3D04;
  --brand-secondary: #9016EC;
  --brand-ink: #080808;
  --brand-paper: #FDFDFD;
  --brand-on-primary: #080808;
  --brand-on-secondary: #FDFDFD;
  /* loud surface neutrals */
  --bg: #080808;
  --panel: #111111;
  --line: #262323;
  --fg: #FDFDFD;
  --dim: #A39D9A;
  /* type */
  --font-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  /* headline treatment */
  --headline-kind: slab;
  --slab-transform: skewY(-4deg);
  --slab-pad: 0.06em 0.16em 0.02em;
  --slab-step: clamp(28px, 10vw, 220px);
  /* shape, focus, motion */
  --radius: 0;
  --focus-ring: #9016EC;
  --focus-width: 3px;
  --ease-step: cubic-bezier(0.2, 0.9, 0.3, 1.2);
  --dur-step: 450ms;
}