@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Source+Sans+3:wght@400;500;600&display=swap');

:root {
  --ak-font-display: "Space Grotesk", system-ui;
  --ak-font-body: "Source Sans 3", system-ui;
  --ak-title-weight: 700;
  --ak-bg: #23272B;
  --ak-ink: #F2EFE6;
  --ak-ink-muted: #A9ADAB;
  --ak-accent: #F0B33A;
  --ak-btn-fill: #F0B33A;
  --ak-btn-ink: #1A1C1F;
  --ak-btn-hover: #F6C45C;
  --ak-btn-active: #D99F2A;
  --ak-choice-bg: #2D3237;
  --ak-choice-ink: #F2EFE6;
  --ak-choice-border: #4A5157;
  --ak-choice-selected-bg: #F2EFE6;
  --ak-choice-selected-ink: #1A1C1F;
  --ak-choice-selected-border: #F2EFE6;
  --ak-focus: #F0B33A;
  --ak-link: #F6C45C;
  --ak-radius: 3px;
  --ak-accent-2: #8FD3C7;
  --ak-surface: #2D3237;
  --ak-outline: #4A5157;
  --ak-shadow: 0 2px 0 #121416;
  --ak-glow: #F0B33A;
  --ak-bg-art: radial-gradient(ellipse at 85% 0%, #F0B33A1F 0%, transparent 50%);
  --ak-bg-size: auto;
}