/* =========================================================================
   Bhrashtachar Mukt Jharkhand — Design tokens
   Ported 1:1 from the React/Tailwind theme so both sites share one look.
   Primary = forest green · Accent = saffron (from the logo check).
   ========================================================================= */

:root {
  /* Typography */
  --font-sans: "Inter", "Noto Sans Devanagari", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-hindi: "Noto Sans Devanagari", "Inter", ui-sans-serif, system-ui, sans-serif;

  /* Primary — forest green (Jharkhand's forests) */
  --primary-50: #f0f9f2;
  --primary-100: #dbf0e0;
  --primary-200: #b9e1c4;
  --primary-300: #8bc99e;
  --primary-400: #57ab72;
  --primary-500: #359054;
  --primary-600: #1e7a40;
  --primary-700: #176334;
  --primary-800: #144e2b;
  --primary-900: #113f24;
  --primary-950: #082114;

  /* Accent — saffron, from the logo checkmark */
  --accent-50: #fff5ed;
  --accent-100: #ffe8d5;
  --accent-200: #fecdaa;
  --accent-300: #fdab74;
  --accent-400: #fb7d3c;
  --accent-500: #f95d16;
  --accent-600: #ea430c;
  --accent-700: #c22f0c;
  --accent-800: #9a2712;
  --accent-900: #7c2312;

  --paper: #f6faf7;
  --ink: #0e2418;
  --muted: #566b5f;      /* readable neutral for body copy */
  --muted-strong: #3d5347;

  /* Bootstrap overrides — map the framework onto our palette */
  --bs-primary: var(--primary-700);
  --bs-primary-rgb: 23, 99, 52;
  --bs-body-font-family: var(--font-sans);
  --bs-body-color: var(--ink);
  --bs-body-bg: var(--paper);
  --bs-border-color: var(--primary-100);
  --bs-link-color: var(--primary-700);
  --bs-link-hover-color: var(--primary-800);
  --bs-border-radius: 0.9rem;
  --bs-border-radius-lg: 1.1rem;
  --bs-border-radius-xl: 1.4rem;
}

/* Utility colour helpers used across pages */
.text-primary-500 { color: var(--primary-500) !important; }
.text-primary-600 { color: var(--primary-600) !important; }
.text-primary-700 { color: var(--primary-700) !important; }
.text-primary-800 { color: var(--primary-800) !important; }
.text-accent-500  { color: var(--accent-500)  !important; }
.text-accent-600  { color: var(--accent-600)  !important; }
.text-ink         { color: var(--ink)         !important; }

.bg-primary-50  { background: var(--primary-50)  !important; }
.bg-primary-700 { background: var(--primary-700) !important; }
.bg-accent-400  { background: var(--accent-400)  !important; }
.bg-accent-500  { background: var(--accent-500)  !important; }
.bg-paper       { background: var(--paper)       !important; }

.font-hindi { font-family: var(--font-hindi); }