@import url('https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Karla:wght@400;600;700&display=swap');

:root {
  --ak-font-display: "Cherry Bomb One", system-ui;
  --ak-font-body: "Karla", system-ui;
  --ak-title-weight: 400;
  --ak-bg: #FFF5E6;
  --ak-ink: #2A1810;
  --ak-ink-muted: #6B4A38;
  --ak-accent: #D42040;
  --ak-btn-fill: #D42040;
  --ak-btn-ink: #FFFFFF;
  --ak-btn-hover: #B81838;
  --ak-btn-active: #901028;
  --ak-choice-bg: #FFF0DC;
  --ak-choice-ink: #2A1810;
  --ak-choice-border: #5CB89A;
  --ak-choice-selected-bg: #D42040;
  --ak-choice-selected-ink: #FFFFFF;
  --ak-choice-selected-border: #901028;
  --ak-focus: #D42040;
  --ak-link: #A01830;
  --ak-radius: 18px;
  --ak-accent-2: #5CB89A;
  --ak-surface: #FFFAF2;
  --ak-outline: #2A1810;
  --ak-shadow: 3px 4px 0 #2A181018;
  --ak-glow: transparent;
  --ak-bg-art: radial-gradient(circle at 20% 30%, #5CB89A18 0%, transparent 28%), radial-gradient(circle at 80% 70%, #D4204014 0%, transparent 30%), radial-gradient(circle at 55% 15%, #6B4A3810 0%, transparent 25%);
  --ak-bg-size: auto;
}