@import url('https://fonts.googleapis.com/css2?family=Grandstander:wght@700;800&family=Mulish:wght@400;600;700&display=swap');

:root {
  --ak-font-display: "Grandstander", system-ui;
  --ak-font-body: "Mulish", system-ui;
  --ak-title-weight: 800;
  --ak-bg: #F2F7FC;
  --ak-ink: #0E2438;
  --ak-ink-muted: #3A5A78;
  --ak-accent: #C41E2A;
  --ak-btn-fill: #C41E2A;
  --ak-btn-ink: #FFFFFF;
  --ak-btn-hover: #A81824;
  --ak-btn-active: #88141C;
  --ak-choice-bg: #E8F2FA;
  --ak-choice-ink: #0E2438;
  --ak-choice-border: #5BA3D9;
  --ak-choice-selected-bg: #C41E2A;
  --ak-choice-selected-ink: #FFFFFF;
  --ak-choice-selected-border: #88141C;
  --ak-focus: #C41E2A;
  --ak-link: #A01828;
  --ak-radius: 16px;
  --ak-accent-2: #5BA3D9;
  --ak-surface: #FFFFFF;
  --ak-outline: #0E2438;
  --ak-shadow: 3px 4px 0 #0E243820;
  --ak-glow: transparent;
  --ak-bg-art: radial-gradient(circle at 18% 22%, #5BA3D918 0%, transparent 28%), radial-gradient(circle at 82% 18%, #FFFFFFAA 0%, transparent 22%), radial-gradient(circle at 60% 75%, #5BA3D912 0%, transparent 35%), radial-gradient(circle at 30% 60%, #FFFFFF88 0 2px, transparent 3px), radial-gradient(circle at 70% 40%, #FFFFFF66 0 1.5px, transparent 3px);
  --ak-bg-size: auto;
}