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

:root {
  --ak-font-display: "Fredoka", system-ui;
  --ak-font-body: "Quicksand", system-ui;
  --ak-title-weight: 700;
  --ak-bg: #FFF0F8;
  --ak-ink: #1A0820;
  --ak-ink-muted: #784B73;
  --ak-accent: #E020A0;
  --ak-btn-fill: #D71F9A;
  --ak-btn-ink: #FFFFFF;
  --ak-btn-hover: #B01880;
  --ak-btn-active: #880C60;
  --ak-choice-bg: #FFE0F4;
  --ak-choice-ink: #1A0820;
  --ak-choice-border: #F0A0D8;
  --ak-choice-selected-bg: #D71F9A;
  --ak-choice-selected-ink: #FFFFFF;
  --ak-choice-selected-border: #880C60;
  --ak-focus: #E020A0;
  --ak-link: #A7177A;
  --ak-radius: 999px;
  --ak-accent-2: #00D8C8;
  --ak-surface: #FFF8FC;
  --ak-outline: #1A0820;
  --ak-shadow: 3px 4px 0 #1A0820;
  --ak-glow: transparent;
  --ak-bg-art: radial-gradient(circle at 15% 25%, #E020A022 0%, transparent 30%), radial-gradient(circle at 85% 70%, #00D8C820 0%, transparent 30%), radial-gradient(circle at 50% 50%, #FFD60018 0%, transparent 40%), linear-gradient(160deg, #FFF0F8, #FFF0F8);
  --ak-bg-size: auto;
}