:root {
  --axia-font-heading: Inter, Arial, Helvetica, sans-serif;
  --axia-font-body: Inter, Arial, Helvetica, sans-serif;
  --axia-font-family: var(--axia-font-body);
  --axia-accent: #5C2913;
  --axia-accent-contrast: #F9FAFB;
  --axia-accent-hover: #552611;
  --axia-accent-hover-contrast: #F9FAFB;
  --axia-switcher-surface: #F8FAFC;
  --axia-switcher-foreground: #111827;
  --axia-accent-foreground: #5C2913;
  --axia-ambient-accent-foreground: #5C2913;
  --axia-surface-accent-foreground: #5C2913;
  --axia-context-accent-foreground: var(--axia-accent-foreground);
  --axia-secondary-foreground: #161616;
  --axia-context-secondary-foreground: var(--axia-secondary-foreground);
}

[data-theme="dark"] {
  --axia-accent: #5C2913;
  --axia-accent-contrast: #F9FAFB;
  --axia-accent-hover: #552611;
  --axia-accent-hover-contrast: #F9FAFB;
  --axia-accent-foreground: #FFFFFF;
  --axia-ambient-accent-foreground: #FFFFFF;
  --axia-surface-accent-foreground: #FFFFFF;
  --axia-secondary-foreground: #f2f2f2;
  --axia-context-secondary-foreground: var(--axia-secondary-foreground);
}

[data-axia-button-style="pill"] .button {
  border-radius: 999px;
}