/* EPG Connect brand (Brand Kit v1.1, owner 2026-10-12): the default look of every EPG Connect web page.
   Colours: Volt Green #12D66B (buttons, highlights; never as text on white), Deep Volt #0B7A3E (green text
   and links on white), Anthracite #2A2D31 (headers, dark panels), Steel #A9B0B8, Cloud #F5F6F8 (page).
   Fonts: Manrope (headings), Inter (everything else). A company's white label replaces the colours and
   logo after sign-in (assets/epg-brand.js); the fonts stay. Pages load Manrope + Inter from Google Fonts. */
:root {
  --brand: #12D66B; --brand-ink: #0B7A3E; --brand-hover: #0FBE5E; --brand-tint: #E7FAEF; --brand-on: #0D1F15;
  --chrome: #2A2D31; --chrome-ink: #FFFFFF; --chrome-muted: #A9B0B8;
  --ink: #2A2D31; --page: #F5F6F8; --line: #E1E4E8; --muted: #5B636B;
  --ok: #1E7B34; --ok-bg: #E6F4EA; --bad: #B42318; --bad-bg: #FDE7E5;
  --f-head: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --tblr-font-sans-serif: var(--f-body);
  --tblr-primary: #12D66B; --tblr-primary-rgb: 18, 214, 107;
  --tblr-link-color: #0B7A3E; --tblr-link-color-rgb: 11, 122, 62; --tblr-link-hover-color: #2A2D31;
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-family: var(--f-head); }
/* Tabler sets a fixed blue on .btn-link; links are Deep Volt. */
.btn-link { --tblr-btn-color: var(--brand-ink); --tblr-btn-hover-color: var(--ink); --tblr-btn-active-color: var(--ink); color: var(--brand-ink); }
.btn-link:hover { color: var(--ink); }