/* evps-1000x-custom.css — generated. DO NOT EDIT MANUALLY.
 * Regenerated by EvpsTheme\Lib\Tokens::writeCustomOverridesFromSettings()
 * Generated: 2026-06-01T19:54:21+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. Writing them at bare :root would
 * pin the dark palette across both light + dark themes (because
 * this file loads AFTER the base tokens), breaking the toggle.
 * 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',sans-serif;
  --evps-font-mono:  'JetBrains Mono',ui-monospace,monospace;
}

/* Dark-mode surface palette — client (:root/[data-theme]) + admin skin.
   Admin data-theme lives on <html>, so admin is scoped via
   html:not([data-theme="light"]) body.evps-skin. */
[data-theme="dark"], :root:not([data-theme="light"]),
html:not([data-theme="light"]) 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;
}
