/* ==========================================================================
   1) TOKENS — colours, spacing, radius, shadows, fonts.
   Brand / accent / navy are overwritten live from Admin → সেটিংস → ব্র্যান্ড কালার
   (site.js applies them; boot.js restores them before first paint so nothing flashes).
   ========================================================================== */
:root {
  /* brand palette (defaults) */
  --brand: #0b7bff;
  --brand-dark: #0963cf;
  --brand-soft: #e7f1ff;
  --accent: #ff7a1a;
  --accent-dark: #e8650b;
  --accent-soft: #fff0e3;
  --navy: #0b1b33;
  --navy-2: #1d2f4d;
  --on-brand: #ffffff;
  --on-accent: #ffffff;
  --on-navy: #ffffff;

  /* neutrals */
  --bg: #f3f5f9;
  --surface: #ffffff;
  --text: #0f1b2d;
  --text-2: #3b4a60;
  --muted: #68778d;
  --line: #e4e9f1;
  --line-2: #d3dbe7;
  --ok: #0f9d64;
  --ok-soft: #e3f7ee;
  --warn: #b7791f;
  --warn-soft: #fdf3dc;
  --danger: #d6364a;
  --danger-soft: #fdecee;

  /* shape */
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --shadow-sm: 0 1px 2px rgba(15, 27, 45, .06), 0 1px 3px rgba(15, 27, 45, .05);
  --shadow: 0 6px 20px rgba(15, 27, 45, .08);
  --shadow-lg: 0 18px 44px rgba(15, 27, 45, .16);

  /* layout */
  --wrap: 1280px;
  --gutter: 14px;
  --hdr-h: 58px;
  --bn-h: 62px;                       /* mobile bottom bar */
  --safe-b: env(safe-area-inset-bottom, 0px);

  /* typography — system Bangla fonts only (no web-font download = no font flash) */
  --font: 'Hind Siliguri', 'Noto Sans Bengali', 'Nirmala UI', 'Kalpurush', 'Siyam Rupali', 'Bangla Sangam MN',
          system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
@media (min-width: 900px) { :root { --gutter: 22px; --hdr-h: 72px; } }