/* Twin Rockets design tokens. Generated by build.py; do not edit by hand. */
@font-face {
  font-family: "Unbounded";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Unbounded-700.woff2") format("woff2");
}
@font-face {
  font-family: "Unbounded";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Unbounded-800.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Inter-500.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("fonts/Inter-600.woff2") format("woff2");
}

:root {
  --tr-void: #160A2E;
  --tr-ion: #00F0FF;
  --tr-pink: #FF2E97;
  --tr-grape: #4B1D8C;
  --tr-cream: #FFF4E6;
  --tr-ink: #0B0716;
  --tr-mist: #F5F3FF;
  --tr-sun: #FFB000;
  --tr-text-on-dark: var(--tr-cream);
  --tr-text-on-light: var(--tr-void);
  --tr-heading-on-light: var(--tr-grape);
  --tr-bg-dark: var(--tr-void);
  --tr-bg-light: var(--tr-mist);
  --tr-accent: var(--tr-ion);
  --tr-cta: var(--tr-pink);
  --tr-gradient-streak: linear-gradient(90deg, var(--tr-ion), var(--tr-pink));
  --tr-font-display: Unbounded, "Archivo Black", Impact, sans-serif;
  --tr-font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --tr-tracking-display: -0.03em;
  --tr-tracking-wordmark: -0.02em;
  --tr-radius-tile: 22%;
  --tr-radius-card: 16px;
  --tr-radius-pill: 999px;
  --tr-space-1: 4px;
  --tr-space-2: 8px;
  --tr-space-3: 12px;
  --tr-space-4: 16px;
  --tr-space-6: 24px;
  --tr-space-8: 32px;
  --tr-space-12: 48px;
  --tr-space-16: 64px;
}