/* evps-1000x-custom.css — generated. DO NOT EDIT MANUALLY.
 * Regenerated by EvpsTheme\Lib\Tokens::writeCustomOverridesFromSettings()
 * Generated: 2026-06-25T22:49:19+00:00
 * Brand id: default
 *
 * IMPORTANT: token overrides for the *colour-scheme-aware* tokens
 * (--evps-bg / --evps-surface / --evps-text) MUST be scoped to the
 * matching [data-theme] selector, PLUS a prefers-color-scheme arm
 * for the no-attribute case. Writing them at bare :root would pin
 * one palette across both themes (this file loads AFTER the base
 * tokens), breaking the toggle; scoping the dark arm as
 * :root:not([data-theme="light"]) did the same thing to every
 * visitor whose page never sets data-theme at all (stock WHMCS
 * templates, no-JS). See Tokens::schemeBlocks() for the full
 * specificity argument.
 * Tokens that are theme-agnostic (--evps-primary, --evps-accent,
 * --evps-radius, --evps-font-*) stay at :root.
 */

/* Theme-agnostic brand + semantic + type tokens. Applied to BOTH the
   client (:root) AND the admin skin (body.evps-skin) so a brand-colour
   change propagates everywhere — admin chrome + client + addon modules
   that route through the --evps-* tokens. */
:root, body.evps-skin {
  --evps-primary:    #3b6cf6;
  --evps-secondary:  #14b8a6;
  --evps-accent:     #22d3ee;
  --evps-success:    #2bb673;
  --evps-warning:    #f0b429;
  --evps-danger:     #e23d51;
  --evps-info:       #3b6cf6;
  --evps-on-primary: #ffffff;
  --evps-on-accent:  #0a0c12;
  --evps-on-secondary: #0a0c12;
  --evps-radius:     12px;
  --evps-fs-base:    14px;
  --evps-font-sans:  'Inter','system-ui',-apple-system,'Segoe UI',Roboto,sans-serif;
  --evps-font-mono:  'JetBrains Mono',ui-monospace,monospace;
}

/* Dark-mode surface palette — client (:root/[data-theme]) + admin skin. */
[data-theme="dark"],
html[data-theme="dark"] body.evps-skin {
  --evps-bg:         #0b1020;
  --evps-surface:    #101729;
  --evps-text:       #e6e8ee;
  --evps-border:     #222b45;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="auto"], html:not([data-theme]),
  html[data-theme="auto"] body.evps-skin,
  html:not([data-theme]) body.evps-skin {
    --evps-bg:         #0b1020;
    --evps-surface:    #101729;
    --evps-text:       #e6e8ee;
    --evps-border:     #222b45;
  }
}

/* Light-mode surface palette — client + admin skin. */
[data-theme="light"],
html[data-theme="light"] body.evps-skin {
  --evps-bg:         #f4f6fb;
  --evps-surface:    #ffffff;
  --evps-text:       #0e1422;
  --evps-border:     #dde3ee;
}

@media (prefers-color-scheme: light) {
  html[data-theme="auto"], html:not([data-theme]),
  html[data-theme="auto"] body.evps-skin,
  html:not([data-theme]) body.evps-skin {
    --evps-bg:         #f4f6fb;
    --evps-surface:    #ffffff;
    --evps-text:       #0e1422;
    --evps-border:     #dde3ee;
  }
}