:root {
  /* font family */
  --ff-body: "Commissioner", system-ui, -apple-system, sans-serif;
  --ff-heading: "Commissioner", system-ui, -apple-system, sans-serif;
  --ff-serif: "Noto Serif", Georgia, "Times New Roman", serif;
  --fw-body: 400;
  /* font size */
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-h6: 1.125rem;
  --fs-h5: 1.25rem;
  --fs-h4: 1.75rem;
  --fs-h3: 2.25rem;
  --fs-h2: 2.75rem;
  --fs-h1: 3.25rem;
  --fs-3xl: 2.5rem;
  
  /* Text sizes */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-5xl: 3rem;

  
  /* Theme template color setting (brand-accurate fallbacks; live values come from settings :root in theme.liquid) */
  --clr-primary: #3B424C;   /* Deep Ink */
  --clr-secondary: #F8F7F2; /* Porcelain */
  --clr-body: #3B424C;      /* Deep Ink body text */
  --clr-black: #2E2E2E;
  --clr-black-400: #444;
  --clr-gray: #F2F2F2;
  --clr-white: #FAFAFA;
  --clr-white-400: rgba(217, 217, 217, 0.4);
  --clr-accent: #506374;    /* Blue Slate */
  --clr-mist: #DCE3E8;      /* Morning Mist */
  --clr-muted: #8A94A0;     /* muted blue-gray */
  --clr-dark: #262B31;      /* deep shell for dark sections */
  --clr-light: #FFFFFF;     /* true white */
  --shadow-drodpown: 0px 153px 61px rgba(0, 0, 0, 0.01), 0px 86px 52px rgba(0, 0, 0, 0.05), 0px 38px 38px rgba(0, 0, 0, 0.09), 0px 10px 21px rgba(0, 0, 0, 0.1);

  /* border radius */
  --rounded: 0.25rem;
  --rounded-full: 100%;
  --rounded-sm: 0.125rem;
  --rounded-md: 0.375rem;
  --rounded-lg: 0.5rem;
  --rounded-xl: 0.75rem;
  --rounded-2xl: 1rem;
  --rounded-3xl: 1.5rem;
  --rounded-4xl: 2rem;
  --rounded-5xl: 2.5rem;
}