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

:root {
  --ak-font-display: "Spectral", serif;
  --ak-font-body: "Assistant", system-ui;
  --ak-title-weight: 600;
  --ak-bg: #EEF0E6;
  --ak-ink: #26302A;
  --ak-ink-muted: #66705F;
  --ak-accent: #5B7A4C;
  --ak-btn-fill: #5B7A4C;
  --ak-btn-ink: #F6F7EE;
  --ak-btn-hover: #6C8E5B;
  --ak-btn-active: #4A653D;
  --ak-choice-bg: #F6F7EE;
  --ak-choice-ink: #26302A;
  --ak-choice-border: #CDD3C3;
  --ak-choice-selected-bg: #26302A;
  --ak-choice-selected-ink: #F6F7EE;
  --ak-choice-selected-border: #26302A;
  --ak-focus: #5B7A4C;
  --ak-link: #4A653D;
  --ak-radius: 24px;
  --ak-accent-2: #8B9090;
  --ak-surface: #F6F7EE;
  --ak-outline: #CDD3C3;
  --ak-shadow: 0 1px 4px #26302A14;
  --ak-glow: transparent;
  --ak-bg-art: radial-gradient(ellipse at 20% 90%, #8B909026 0%, transparent 40%), radial-gradient(ellipse at 85% 15%, #5B7A4C1F 0%, transparent 40%);
  --ak-bg-size: auto;
}