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

:root {
  --ak-font-display: "Creepster", system-ui;
  --ak-font-body: "Lexend", system-ui;
  --ak-title-weight: 400;
  --ak-bg: #160E1A;
  --ak-ink: #F0E8D8;
  --ak-ink-muted: #B098A8;
  --ak-accent: #E87820;
  --ak-btn-fill: #E87820;
  --ak-btn-ink: #160E1A;
  --ak-btn-hover: #F09040;
  --ak-btn-active: #F8A858;
  --ak-choice-bg: #1E1424;
  --ak-choice-ink: #F0E8D8;
  --ak-choice-border: #7CFF9A;
  --ak-choice-selected-bg: #E87820;
  --ak-choice-selected-ink: #160E1A;
  --ak-choice-selected-border: #7CFF9A;
  --ak-focus: #7CFF9A;
  --ak-link: #8AFFA8;
  --ak-radius: 8px;
  --ak-accent-2: #7CFF9A;
  --ak-surface: #1E1424;
  --ak-outline: #F0E8D8;
  --ak-shadow: 0 0 0 2px #7CFF9A30, 3px 4px 0 #0A060C;
  --ak-glow: #7CFF9A;
  --ak-bg-art: radial-gradient(ellipse at 30% 20%, #7CFF9A12 0%, transparent 45%), radial-gradient(ellipse at 80% 70%, #E8782014 0%, transparent 40%), radial-gradient(circle at 50% 90%, #7CFF9A08 0%, transparent 50%);
  --ak-bg-size: auto;
}