/* Kilobro brand theme: green #008934 with a matched green-tinted neutral gray.
   Tailwind v4 utilities resolve colors through var(--color-*), so re-pointing the emerald and
   gray scales here restyles every template with no markup changes. `:root:root` outranks the
   single-:root theme blocks from both the CDN dev build and the compiled app.css, regardless of
   stylesheet order. */
:root:root {
  --font-sans: InterVariable, ui-sans-serif, system-ui, sans-serif;

  /* Brand green scale (600 = #008934) */
  --color-emerald-50:  #edf9f0;
  --color-emerald-100: #d6f2de;
  --color-emerald-200: #b0e5c2;
  --color-emerald-300: #7ed49d;
  --color-emerald-400: #3cba6b;
  --color-emerald-500: #009a3f;
  --color-emerald-600: #008934;
  --color-emerald-700: #00702a;
  --color-emerald-800: #005a22;
  --color-emerald-900: #004a1e;
  --color-emerald-950: #00290f;

  /* Matched neutral: gray with a hint of the brand hue */
  --color-gray-50:  #f6f8f6;
  --color-gray-100: #eef1ef;
  --color-gray-200: #d9dedb;
  --color-gray-300: #b9c1bc;
  --color-gray-400: #8b968f;
  --color-gray-500: #6b7570;
  --color-gray-600: #545e58;
  --color-gray-700: #434b47;
  --color-gray-800: #2a302d;
  --color-gray-900: #1a1f1c;
  --color-gray-950: #0e1210;
}