/* Approved BetterCare light variables from docs/assets/brand-ui-light.css.
   Fonts load through the page head. Apply .theme-light to the HTML element. */
:root {
  --font-sans: 'DM Sans', sans-serif;
  --font-heading: 'Gloock', serif;
  --radius: 0.75rem;
}
.theme-light {
  color-scheme: light;
  --background: #f8f4eb;
  --foreground: #23352f;
  --card: #fffdf7;
  --card-foreground: #23352f;
  --popover: #fffdf7;
  --popover-foreground: #23352f;
  --primary: #273b34;
  --primary-foreground: #f8f4eb;
  --secondary: #e8e1d4;
  --secondary-foreground: #23352f;
  --muted: #efeadf;
  --muted-foreground: #475249;
  --accent: #edf2df;
  --accent-foreground: #23352f;
  --border: #d8d1c4;
  --input: #d8d1c4;
  --ring: #1f563b;
  --destructive: #b13e36;
  --primary-hover: #1f563b;
  --eyebrow: #1f563b;
  --wash: rgba(216,255,98,.13);
  --grid: rgba(39,59,52,.04);
}