@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@600;700&family=Inter+Tight:wght@400;500;600&display=swap');

:root {
  --ak-font-display: "Chakra Petch", system-ui;
  --ak-font-body: "Inter Tight", system-ui;
  --ak-title-weight: 700;
  --ak-bg: #141619;
  --ak-ink: #F0F2F4;
  --ak-ink-muted: #8E97A3;
  --ak-accent: #B6FF3B;
  --ak-btn-fill: #B6FF3B;
  --ak-btn-ink: #0F1A05;
  --ak-btn-hover: #C8FF66;
  --ak-btn-active: #9CE62A;
  --ak-choice-bg: #1D2126;
  --ak-choice-ink: #F0F2F4;
  --ak-choice-border: #2F363E;
  --ak-choice-selected-bg: #B6FF3B;
  --ak-choice-selected-ink: #0F1A05;
  --ak-choice-selected-border: #B6FF3B;
  --ak-focus: #B6FF3B;
  --ak-link: #C8FF66;
  --ak-radius: 4px;
  --ak-accent-2: #3AB0FF;
  --ak-surface: #1D2126;
  --ak-outline: #2F363E;
  --ak-shadow: 0 0 0 1px #2F363E;
  --ak-glow: #B6FF3B;
  --ak-bg-art: repeating-linear-gradient(180deg, transparent 0 31px, #2F363E 31px 32px);
  --ak-bg-size: auto;
}
