/* Design tokens. Each brand's brand.css overrides only the --brand-* group. */

:root{
  /* brand — overridden per site */
  --brand:#059669;
  --brand-ink:#047857;
  --brand-deep:#065f46;
  --brand-soft:#ecfdf5;
  --brand-line:#a7f3d0;
  --brand-on:#ffffff;
  /* accent for dark panels. A brand dark enough to carry white button text is
     usually too dark to read against a dark background — brands that need a
     lighter shade there override this. */
  --brand-on-dark:var(--brand);

  /* surfaces */
  --bg:#ffffff;
  --bg-alt:#f6f8f7;
  --bg-sunk:#eef2f0;
  --card:#ffffff;
  --ink:#12181c;
  --ink-2:#2c363d;
  --muted:#5c6a72;
  --line:#e3e9e6;
  --line-strong:#cdd6d2;

  /* dark panels */
  --dark:#0c1512;
  --dark-2:#121e1a;
  --dark-card:#16241f;
  --dark-ink:#eef3f1;
  --dark-muted:#9aaaa3;
  --dark-line:#22352e;

  /* status */
  --ok:#16a34a;
  --warn:#d97706;
  --bad:#dc2626;

  /* channels — fixed brand colours, do not theme */
  --wa:#25d366;
  --wa-ink:#128c7e;
  --msgr:#0084ff;

  /* shape */
  --radius:14px;
  --radius-sm:9px;
  --radius-lg:20px;
  --max:1120px;
  --gutter:20px;

  --shadow-1:0 1px 2px rgba(12,21,18,.05), 0 4px 14px rgba(12,21,18,.05);
  --shadow-2:0 10px 34px rgba(12,21,18,.10);
  --shadow-brand:0 8px 26px color-mix(in srgb, var(--brand) 26%, transparent);

  /* type */
  --font-bn:"Hind Siliguri","Noto Sans Bengali","Nirmala UI",system-ui,sans-serif;
  --font-lat:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-body:17px;
  --lh-bn:1.75;
}