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

/*
  Freemius hosted checkout and SDK checkout.
  Docs: https://freemius.com/help/documentation/checkout/customization/applying-css-customization/
  Hosted checkout reads variables on :root. The WordPress SDK checkout reads them on .dashboard-mode.
  Colour and type only. Prices, tax, terms, renewal and payment controls are left alone.
  Amber #B56D29 is 4.05:1 on white and 3.69:1 on cream, under the 4.5:1 needed for small text,
  so link text stays forest. Amber is used for underlines and focus rings, which clear the 3:1 UI bar.
*/
:root,
.dashboard-mode {
  --fs-ds-theme-primary-accent-color: #1e2a24;
  --fs-ds-theme-primary-accent-color-hover: #2a3b32;
  --fs-ds-theme-heading-text-color: #1e2a24;
  --fs-ds-theme-text-color: #1e2a24;
  --fs-ds-theme-background-color: #f7f4ee;
  --fs-ds-theme-background-shade: #dee3e0;
  --fs-ds-theme-button-primary-background-color: #1e2a24;
  --fs-ds-theme-button-primary-background-hover-color: #2a3b32;
  --fs-ds-theme-button-primary-text-color: #f7f4ee;
  --fs-ds-theme-button-border-focus-color: #b56d29;
  --fs-ds-typography-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}

a {
  color: #1e2a24;
  text-decoration-color: #b56d29;
}
