/* GENERATED FILE — DO NOT EDIT BY HAND. */
/* Source: branding/tokens.json — edit that file, then run `node scripts/generate-theme.mjs`. */
/* See branding/README.md for the full runbook. */

:root {
  --bg: #FFFFFF;
  --bg-rgb: 255,255,255;
  --bg2: #FAFAFC;
  --bg2-rgb: 250,250,252;
  --bg3: #F4F4F8;
  --bg3-rgb: 244,244,248;
  --surface: rgba(17,8,109,.035);
  --surface2: rgba(17,8,109,.06);
  --surface3: rgba(17,8,109,.10);
  --border: rgba(17,8,109,.10);
  --border2: rgba(17,8,109,.18);
  --p1: #11086D;
  --p1-rgb: 17,8,109;
  --p2: #D1324E;
  --p2-rgb: 209,50,78;
  --p3: #FC642B;
  --p3-rgb: 252,100,43;
  --p4: #0A053F;
  --p4-rgb: 10,5,63;
  --accent: #11086D;
  --accent-rgb: 17,8,109;
  --accent2: #D14813;
  --accent2-rgb: 209,72,19;
  --warn: #D1324E;
  --warn-rgb: 209,50,78;
  --gold: #FFC94D;
  --gold-rgb: 255,201,77;
  --ok: #10B981;
  --ok-rgb: 16,185,129;
  --t1: #1C1836;
  --t1-rgb: 28,24,54;
  --t2: rgba(28,24,54,.88);
  --t3: rgba(28,24,54,.68);
  --t4: rgba(28,24,54,.64);
  --t5: rgba(28,24,54,.60);
  --ink: #2D2D2D;
  --ink-rgb: 45,45,45;
  --il-violet-light: #7C71F4;
  --il-violet-light-rgb: 124,113,244;
  --il-amber: #FFC94D;
  --il-amber-rgb: 255,201,77;
  --il-grey: #C8CAD8;
  --il-grey-rgb: 200,202,216;
  --il-off-white: #E5E7EF;
  --il-off-white-rgb: 229,231,239;
  --il-screen-top: #0A0628;
  --il-screen-top-rgb: 10,6,40;
  --il-screen-bottom: #120A44;
  --il-screen-bottom-rgb: 18,10,68;
  --heading: 'Fredoka', sans-serif;
  --body: 'Quicksand', -apple-system, sans-serif;
  --grad: linear-gradient(135deg, var(--p1), var(--p2), var(--p3));
  --grad2: linear-gradient(135deg, var(--p2), var(--p3));
  --grad-text: linear-gradient(135deg, var(--accent), var(--p2), var(--p3));
}