/*
 * EVCP Info frontend colour tokens.
 * Component styles must consume these variables rather than redefining brand colours.
 */
:root{
  --evcp-cyan:#38c9db;
  --evcp-cyan-dark:#1597a9;
  --evcp-cyan-hover:#20b8cb;
  --evcp-cyan-tint:#e7f9fb;
  --evcp-ink:#1c2128;
  --evcp-muted:#57606a;
  --evcp-bg:#f5f7f9;
  --evcp-surface:#fff;
  --evcp-soft:#eceff2;
  --evcp-line-soft:#e7ebee;
  --evcp-line:#d8dee4;
  --evcp-line-strong:#aeb9c2;
  --evcp-line-major:#c4ccd2;
  --evcp-success:#168a4a;
  --evcp-success-tint:#e6f4eb;
  --evcp-warning:#b87400;
  --evcp-warning-tint:#fff3dc;
  --evcp-danger:#be3038;
  --evcp-danger-tint:#fbe8e9;
  --evcp-product-frame:#eceff2;
  --evcp-product-frame-border:#d8dee4;
  --evcp-spec-header:#f0f3f5;
  --evcp-spec-header-hover:#e8f7f9;
  --evcp-spec-header-active:#e8edf0;
  --evcp-spec-label:#f7f8f9;
  --evcp-overlay:rgba(2,10,15,.78);
  --color-primary:var(--evcp-cyan);
  --color-text:var(--evcp-ink);
  --color-text-muted:var(--evcp-muted);
  --color-bg:var(--evcp-bg);
  --color-bg-secondary:var(--evcp-soft);
  --color-surface:var(--evcp-surface);
  --color-border:var(--evcp-line);
  --color-success:var(--evcp-success);
  --color-warning:var(--evcp-warning);
  --color-danger:var(--evcp-danger);
}

[data-theme="dark"]{
  --evcp-cyan:#38c9db;
  --evcp-cyan-dark:#70dce8;
  --evcp-cyan-hover:#73deef;
  --evcp-cyan-tint:#102f38;
  --evcp-ink:#f3f7f9;
  --evcp-muted:#a9b8c2;
  --evcp-bg:#07131c;
  --evcp-surface:#0b1a24;
  --evcp-soft:#10232f;
  --evcp-line-soft:#20343f;
  --evcp-line:#29404d;
  --evcp-line-strong:#496270;
  --evcp-line-major:#3b5361;
  --evcp-success:#5dcf86;
  --evcp-success-tint:#193c2a;
  --evcp-warning:#f1b64b;
  --evcp-warning-tint:#3c2d14;
  --evcp-danger:#ff7279;
  --evcp-danger-tint:#402127;
  --evcp-product-frame:#eceff2;
  --evcp-product-frame-border:#d8dee4;
  --evcp-spec-header:#10232f;
  --evcp-spec-header-hover:#11313b;
  --evcp-spec-header-active:#142934;
  --evcp-spec-label:#182d38;
}