/* Tabler → Ontech re-theme.
 *
 * Tabler ships vendored stock (default blue, #066fd1 — same build ussd and REA vendor too).
 * Every Tabler component reads its brand color through these CSS custom properties, so
 * overriding them here re-skins the whole framework without touching tabler.min.css itself.
 *
 * Values are the emerald palette already defined in ontech-design.css (--accent-strong /
 * --accent-light) — restated as literal hex/rgb here because Tabler's *-rgb properties feed
 * rgba() overlays that custom-property color functions can't derive reliably across browsers.
 * Keep these in sync with ontech-design.css if that file's palette ever moves.
 *
 * Load order: tabler.min.css, THEN ontech-design.css (defines --accent-strong etc.), THEN
 * this file, THEN studio.css.
 */

:root {
  /* Montserrat, not Tabler's stock Inter — matches ussd.ontech.co.zm, the other internal
   * Ontech console. Drives every Tabler component's own font-family (forms, buttons, cards);
   * studio.css separately overrides ontech-design.css's --font-sans for the same reason. */
  --tblr-font-sans-serif: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --tblr-primary: #047857;               /* = --accent-strong (light) */
  --tblr-primary-rgb: 4, 120, 87;
  --tblr-primary-darken: #036349;        /* one step down, for :hover/:active */
  --tblr-primary-fg: #ffffff;            /* text on a solid primary fill */
  --tblr-primary-lt: #d1fae5;            /* = --accent-light — soft badge backgrounds */
  --tblr-primary-lt-rgb: 209, 250, 229;
  --tblr-primary-bg-subtle: #d1fae5;
  --tblr-primary-border-subtle: #6ee7b7;
  --tblr-primary-text-emphasis: #047857;

  --tblr-link-color: #2563eb;            /* = --link */
  --tblr-link-color-rgb: 37, 99, 235;
}

:root[data-theme="dark"] {
  --tblr-primary: #34d399;               /* = --accent-strong (dark) */
  --tblr-primary-rgb: 52, 211, 153;
  --tblr-primary-darken: #10b981;
  --tblr-primary-fg: #06281c;            /* dark text reads better on the lighter dark-mode green */
  --tblr-primary-lt: #064e3b;            /* = --accent-light (dark) */
  --tblr-primary-lt-rgb: 6, 78, 59;
  --tblr-primary-bg-subtle: #064e3b;
  --tblr-primary-border-subtle: #065f46;
  --tblr-primary-text-emphasis: #6ee7b7;

  --tblr-link-color: #60a5fa;            /* = --link (dark) */
  --tblr-link-color-rgb: 96, 165, 250;
}