@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;900&family=Barlow:wght@400;600&display=swap');

:root {
  --ak-font-display: "Big Shoulders Display", system-ui;
  --ak-font-body: "Barlow", system-ui;
  --ak-title-weight: 900;
  --ak-bg: #FFFAE8;
  --ak-ink: #140C00;
  --ak-ink-muted: #5C4800;
  --ak-accent: #C68B00;
  --ak-btn-fill: #140C00;
  --ak-btn-ink: #F5C842;
  --ak-btn-hover: #3A2800;
  --ak-btn-active: #5C4800;
  --ak-choice-bg: #FFF3C4;
  --ak-choice-ink: #140C00;
  --ak-choice-border: #C68B00;
  --ak-choice-selected-bg: #C68B00;
  --ak-choice-selected-ink: #140C00;
  --ak-choice-selected-border: #140C00;
  --ak-focus: #C68B00;
  --ak-link: #805600;
  --ak-radius: 0px;
  --ak-accent-2: #E83030;
  --ak-surface: #FFFFFF;
  --ak-outline: #140C00;
  --ak-shadow: 4px 4px 0 #140C00;
  --ak-glow: transparent;
  --ak-bg-art: repeating-linear-gradient(0deg, transparent, transparent 38px, #C68B0018 38px, #C68B0018 40px), repeating-linear-gradient(90deg, transparent, transparent 38px, #C68B0018 38px, #C68B0018 40px);
  --ak-bg-size: auto;
}