/* GENERATED by apps/web/scripts/gen-brand-css.ts from packages/shared/src/brand.ts.
   Do not edit: change brand.ts and run pnpm --filter @skripe/web gen:brand-css. */
:root{
  --volt:#F4FB01;
  --pink:#FF8FD0;
  --purple:#C45CFF;
  --blue:#3FB6FF;
  --signal:#36C5FF;
  --glow:#9945FF;
  --up:#27D97E;
  --up-text:#7DFFB8;
  --down:#FF4D57;
  --down-text:#FF9AA1;
  --amber:#F6A93B;
  --glow-soft:rgba(153,69,255,0.14);
  --glow-strong:rgba(153,69,255,0.32);
  --void:#050507;
  --surface:#101016;
  --raised:#1C1C26;
  --line:rgba(255,255,255,.08);
  --shadow:rgba(0,0,0,0.5);
  --ink:#F4F4F6;
  --dim:#9A9AA6;
  --faint:#6F6F7E;
  --gradient:linear-gradient(105deg, #F4FB01 0%, #FF8FD0 30%, #C45CFF 58%, #3FB6FF 100%);
  --font-display:'Bricolage Grotesque',sans-serif;
  --font-body:'Manrope',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --font-wordmark:'Unbounded',sans-serif;
  --radius-chip:6px;
  --radius-input:10px;
  --radius-card:14px;
  --radius-sheet:18px;
  --radius-pill:999px;
  --space-4:4px;
  --space-8:8px;
  --space-12:12px;
  --space-16:16px;
  --space-24:24px;
  --space-32:32px;
  --space-48:48px;
  --text-56:56px;
  --text-40:40px;
  --text-28:28px;
  --text-20:20px;
  --text-16:16px;
  --text-14:14px;
  --text-12:12px;
  --card-text-112:112px;
  --card-text-80:80px;
  --card-text-56:56px;
  --card-text-40:40px;
  --card-text-32:32px;
  --card-text-28:28px;
  --card-text-24:24px;
}