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

:root {
  --ak-font-display: "Lora", serif;
  --ak-font-body: "Mulish", system-ui;
  --ak-title-weight: 600;
  --ak-bg: #F3EBDF;
  --ak-ink: #2E2A26;
  --ak-ink-muted: #6E655C;
  --ak-accent: #C2673F;
  --ak-btn-fill: #C2673F;
  --ak-btn-ink: #FBF6EE;
  --ak-btn-hover: #D47A50;
  --ak-btn-active: #A85532;
  --ak-choice-bg: #FBF6EE;
  --ak-choice-ink: #2E2A26;
  --ak-choice-border: #D8CCBB;
  --ak-choice-selected-bg: #7E9A74;
  --ak-choice-selected-ink: #1E261B;
  --ak-choice-selected-border: #7E9A74;
  --ak-focus: #C2673F;
  --ak-link: #9B4F2E;
  --ak-radius: 10px;
  --ak-accent-2: #7E9A74;
  --ak-surface: #FBF6EE;
  --ak-outline: #D8CCBB;
  --ak-shadow: 0 1px 3px #2E2A2614;
  --ak-glow: transparent;
  --ak-bg-art: repeating-linear-gradient(0deg, #2E2A2605 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #2E2A2605 0 1px, transparent 1px 3px);
  --ak-bg-size: auto;
}