@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Titillium+Web:wght@400;600;700&display=swap');

:root {
  --ak-font-display: "Orbitron", system-ui;
  --ak-font-body: "Titillium Web", system-ui;
  --ak-title-weight: 800;
  --ak-bg: #0B1424;
  --ak-ink: #E8F4FF;
  --ak-ink-muted: #8AA0BC;
  --ak-accent: #E85A12;
  --ak-btn-fill: #C84810;
  --ak-btn-ink: #FFFFFF;
  --ak-btn-hover: #A83C0C;
  --ak-btn-active: #883008;
  --ak-choice-bg: #121C30;
  --ak-choice-ink: #E8F4FF;
  --ak-choice-border: #2EE6FF;
  --ak-choice-selected-bg: #C84810;
  --ak-choice-selected-ink: #FFFFFF;
  --ak-choice-selected-border: #2EE6FF;
  --ak-focus: #2EE6FF;
  --ak-link: #3AD8F0;
  --ak-radius: 6px;
  --ak-accent-2: #2EE6FF;
  --ak-surface: #121C30;
  --ak-outline: #E8F4FF;
  --ak-shadow: 0 0 0 2px #2EE6FF40, 3px 4px 0 #040810;
  --ak-glow: #2EE6FF;
  --ak-bg-art: radial-gradient(circle at 12% 18%, #E8F4FF22 0 1px, transparent 2px), radial-gradient(circle at 78% 32%, #2EE6FF18 0 1px, transparent 2px), radial-gradient(circle at 42% 70%, #E8F4FF18 0 1.5px, transparent 3px), radial-gradient(circle at 88% 82%, #E85A1218 0 1px, transparent 2px), radial-gradient(circle at 55% 12%, #E8F4FF14 0 1px, transparent 2px);
  --ak-bg-size: auto;
}