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

:root {
  --ak-font-display: "Quicksand", system-ui;
  --ak-font-body: "Mulish", system-ui;
  --ak-title-weight: 600;
  --ak-bg: #1C1B3A;
  --ak-ink: #ECE6F7;
  --ak-ink-muted: #A89FC6;
  --ak-accent: #E0B45A;
  --ak-btn-fill: #B9A6E8;
  --ak-btn-ink: #1C1B3A;
  --ak-btn-hover: #E0B45A;
  --ak-btn-active: #9F8AD4;
  --ak-choice-bg: #26244B;
  --ak-choice-ink: #ECE6F7;
  --ak-choice-border: #3F3C6E;
  --ak-choice-selected-bg: #E0B45A;
  --ak-choice-selected-ink: #1C1B3A;
  --ak-choice-selected-border: #E0B45A;
  --ak-focus: #E0B45A;
  --ak-link: #CDBFF2;
  --ak-radius: 16px;
  --ak-accent-2: #B9A6E8;
  --ak-surface: #26244B;
  --ak-outline: #3F3C6E;
  --ak-shadow: 0 4px 16px #0B0A1E;
  --ak-glow: #E0B45A;
  --ak-bg-art: radial-gradient(ellipse at 50% 110%, #E0B45A24 0%, transparent 50%);
  --ak-bg-size: auto;
}