@import url("https://fonts.googleapis.com/css2?family=Tiro+Bangla&family=Noto+Serif+Bengali:wght@400;500;600;700&display=swap");

/* হাট (Haat) — deep green + gold + cream. Same variable names as
   themes/default so every CSS-var-driven block/style function (styleFromNode,
   node-style.ts, the generic widgets shared from the default theme) picks
   these up automatically with zero extra code. See src/themes/CONTRACT.md.

   NOTE: Settings -> ব্র্যান্ডিং (SiteConfig.brand_primary/secondary/accent,
   radius_scale, font_heading/font_body) overrides --primary/--secondary/
   --accent/--radius-.../--font-... on TOP of whatever is set here (brand-css.ts,
   injected after this stylesheet) — that is by design (brand color is a
   site-wide setting, not a theme property). The palette below is what shows
   before any brand override, and what the Appearance gallery's preview
   swatches (#1F4B3A/#F5EFE4/#C8A96B) promise out of the box. */
:root {
  --primary: #1f4b3a;
  --primary-hover: #2c6350;
  --primary-subtle: #dde8e2;
  --secondary: #c8a96b;
  --secondary-hover: #a5854e;
  --secondary-subtle: #f1e8d7;
  --accent: #c0392b;
  --accent-subtle: #f7e3e0;
  --success: #2c6350;
  --success-subtle: #dde8e2;
  --warning: #b0791f;
  --warning-subtle: #f1e8d7;
  --error: #c0392b;
  --error-subtle: #f7e3e0;
  --info: #3a7a63;
  --info-subtle: #ecf3ef;
  --bg: #f5efe4;
  --surface: #ffffff;
  --surface-2: #efe7d7;
  --border: #e4ddce;
  --border-strong: #d3c8ac;
  --text-heading: #1a4031;
  --text-body: #26302b;
  --text-muted: #5f6b64;
  --text-disabled: #a8ada2;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(20, 58, 34, 0.08);
  --shadow-md: 0 6px 24px rgba(20, 58, 34, 0.12);
  --shadow-lg: 0 16px 40px rgba(20, 58, 34, 0.18);
  --font-en: "Tiro Bangla", "Noto Serif Bengali", Georgia, "Times New Roman", serif;
  --font-bn: "Tiro Bangla", "Noto Serif Bengali", Georgia, "Times New Roman", serif;

  /* Footer stays this deep green in both light and dark site modes — not
     redefined under html.dark, so it doesn't inherit --text-heading's flip
     to cream (which would otherwise leave light text on a light footer). */
  --footer-bg: #1a4031;
  --footer-bg-2: #204c3b;
  --footer-border: #2f5544;
  --footer-heading: #ffffff;
  --footer-text: #c9d6cd;
  --footer-text-muted: #93a89c;
}

html.dark {
  --bg: #14201a;
  --surface: #1a2b22;
  --surface-2: #17251e;
  --border: #2c3d33;
  --border-strong: #3c5045;
  --text-heading: #f1e8d7;
  --text-body: #dde8e2;
  --text-muted: #9fb0a6;
  --text-disabled: #5f6b64;
  --primary: #3a7a63;
  --primary-hover: #4a8f76;
  --primary-subtle: #1f3229;
  --secondary: #d3ba8a;
  --secondary-hover: #dfcaa4;
  --secondary-subtle: #332a19;
  --accent: #d3695c;
  --accent-subtle: #3a201c;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.5);
}