/*
  This file fixes the theme variables used by `site.css`.
  Your current `site.css` contains `::root` (double-colon) which prevents the
  CSS variables from being defined. We import it for all component styles,
  then re-define the variables correctly here.
*/
@import url("site.css");

:root {
  --color-primary: #704f38;
  --color-primary-hover: #5a3f2d;
  --color-accent: #ffefa3;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-red: #f46868;
  --color-grey-tint: rgba(0, 0, 0, 0.102);
  --color-line: #f1edeb;
  --color-grey-soft: #d9d9d9;
  --color-text-regular: #747474;
  --color-text-secondary: #797979;
  --color-text-primary: #1f2029;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --color-heading: var(--color-text-primary);
  --color-body: var(--color-text-regular);
  --color-border: var(--color-grey-soft);
  --color-muted: var(--color-text-secondary);
}

/* Safety overrides in case any CSS variables fail to resolve. */
.ch-btn-primary {
  background: #704f38 !important;
  color: #ffffff !important;
}