@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Karla:wght@400;500;700&display=swap');

:root {
  --ak-font-display: "Permanent Marker", cursive;
  --ak-font-body: "Karla", system-ui;
  --ak-title-weight: 400;
  --ak-bg: #0F1B33;
  --ak-ink: #FFFFFF;
  --ak-ink-muted: #A8B4CC;
  --ak-accent: #FF8A3D;
  --ak-btn-fill: #FFFFFF;
  --ak-btn-ink: #0F1B33;
  --ak-btn-hover: #FF8A3D;
  --ak-btn-active: #E0712A;
  --ak-choice-bg: #182748;
  --ak-choice-ink: #FFFFFF;
  --ak-choice-border: #35466E;
  --ak-choice-selected-bg: #FF8A3D;
  --ak-choice-selected-ink: #0F1B33;
  --ak-choice-selected-border: #FF8A3D;
  --ak-focus: #FF8A3D;
  --ak-link: #FFB07A;
  --ak-radius: 10px;
  --ak-accent-2: #FFFFFF;
  --ak-surface: #182748;
  --ak-outline: #35466E;
  --ak-shadow: 0 3px 0 #06101F;
  --ak-glow: #FF8A3D;
  --ak-bg-art: linear-gradient(#FFFFFF0A 1px, transparent 1px), linear-gradient(90deg, #FFFFFF0A 1px, transparent 1px);
  --ak-bg-size: 40px 40px;
}