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

:root {
  --ak-font-display: "Michroma", system-ui;
  --ak-font-body: "Sora", system-ui;
  --ak-title-weight: 700;
  --ak-bg: #0C0818;
  --ak-ink: #F3EEFF;
  --ak-ink-muted: #B7A9D4;
  --ak-accent: #8B7CFF;
  --ak-btn-fill: #5B4AD4;
  --ak-btn-ink: #FFFFFF;
  --ak-btn-hover: #4A3BB8;
  --ak-btn-active: #3C2E9A;
  --ak-choice-bg: #161022;
  --ak-choice-ink: #F3EEFF;
  --ak-choice-border: #6E62B8;
  --ak-choice-selected-bg: #5B4AD4;
  --ak-choice-selected-ink: #FFFFFF;
  --ak-choice-selected-border: #C9D4E8;
  --ak-focus: #A894FF;
  --ak-link: #D4C6FF;
  --ak-radius: 2px;
  --ak-accent-2: #C9D4E8;
  --ak-surface: #161022;
  --ak-outline: #C9D4E8;
  --ak-shadow: 0 0 0 1px #8B7CFF66, 0 8px 24px #00000088;
  --ak-glow: #8B7CFF;
  --ak-bg-art: radial-gradient(circle at 20% 15%, #8B7CFF22 0%, transparent 28%), radial-gradient(circle at 80% 75%, #C9D4E814 0%, transparent 32%), linear-gradient(180deg, #0C0818, #0C0818);
  --ak-bg-size: auto;
}