/* Shared final palette for every MASKPROXY web surface. State colors stay semantic. */
html[dir] body {
  --brand-primary:#2563eb;
  --brand-primary-hover:#1d4ed8;
  --brand-primary-active:#1e40af;
  --brand-purple:#2563eb;
  --brand-purple-hover:#1d4ed8;
  --brand-soft:#eaf2ff;
  --brand-paper:#f8fafc;
  --brand-line:#dbe3ef;
  --brand-muted:#64748b;
  --brand-highlight:#93c5fd;
  --brand-lime:var(--brand-highlight);
  --brand-mark-bg:#2563eb;
  --brand-mark-ink:#fff;
  --accent:#2563eb;
  --accent-strong:#1d4ed8;
  --accent-soft:#eaf2ff;
  --purple:#2563eb;
  --purple-soft:#eaf2ff;
  --mp-teal:#2563eb;
  --mp-blue:#2563eb;
  --mp-blue-soft:#eaf2ff;
  --mp-teal-soft:#eaf2ff;
  --action-primary:#2563eb;
  --action-primary-hover:#1d4ed8;
  --action-primary-active:#1e40af;
  --action-secondary:#fff;
  --action-secondary-hover:#eaf2ff;
  --action-border:#cbd5e1;
  --action-text:#334155;
  --action-accent:#2563eb;
  --action-accent-hover:#1d4ed8;
  --action-accent-soft:#eaf2ff;
  --action-focus:#2563eb;
}

/* The same blue tile and white crown on light and dark surfaces. */
html[dir] body .mp-brand-mark {
  background:var(--brand-mark-bg)!important;
  color:var(--brand-mark-ink)!important;
}
html[dir] body .mp-brand-dot {color:var(--brand-primary)!important}
html[dir] body :is(a,button,input,select,textarea,summary):focus-visible {
  outline:3px solid var(--action-focus);
  outline-offset:3px;
}
html[dir] body :is(button,.button,.auth-submit) {accent-color:var(--brand-primary)}
html[dir] body :is(.primary,.auth-submit,.support-primary,.support-entry button,.support-launcher,.support-floating,.support-visitor-primary) {
  background:var(--brand-primary)!important;
  border-color:var(--brand-primary)!important;
  color:#fff!important;
}
html[dir] body :is(.primary,.auth-submit,.support-primary,.support-entry button,.support-launcher,.support-floating,.support-visitor-primary):not(:disabled):not([aria-disabled="true"]):hover {
  background:var(--brand-primary-hover)!important;
  border-color:var(--brand-primary-hover)!important;
}
html[dir] body :is(.primary,.auth-submit,.support-primary,.support-entry button,.support-launcher,.support-floating,.support-visitor-primary):not(:disabled):not([aria-disabled="true"]):active {
  background:var(--brand-primary-active)!important;
  border-color:var(--brand-primary-active)!important;
}

/* Account entry, recovery, verification and documentation. */
html[dir] body.user-auth::before {
  background-image:radial-gradient(#b7c8df 1px,transparent 1px);
}
html[dir] body:is(.user-auth,.auth-page) :is(.auth-forgot,.auth-switch a,.auth-hint a,.recovery-help a,.verify-context a,.verify-eyebrow,.verify-card #verify-resend) {
  color:var(--brand-primary)!important;
  text-decoration-color:#a4c0f7;
}
html[dir] body:is(.user-auth,.auth-page) :is(.auth-field input,.verify-card input):focus {
  border-color:var(--brand-primary);
  box-shadow:0 0 0 3px #2563eb20;
}
html[dir] body.user-auth .auth-form-symbol {
  background:var(--brand-soft);
  border-color:#c9dafe;
  color:var(--brand-primary);
}
html[dir] body.user-auth :is(.auth-kicker>span,.auth-flow-line::after,.auth-protocols i) {
  background:var(--brand-highlight);
  box-shadow:none;
}
html[dir] body.user-auth .auth-intro h2>span {color:var(--brand-highlight)}
html[dir] body.user-auth :is(.auth-network-mark,.auth-device,.auth-benefits svg,.auth-network-bottom>svg) {
  color:var(--brand-highlight);
}
html[dir] body.user-auth .auth-device-m {stroke:var(--brand-highlight)}
html[dir] body.user-auth .auth-flow-line {background:#526e99}
html[dir] body.user-auth .auth-network-hub {
  background:#233f6b;
  border-color:#5176a9;
  color:var(--brand-highlight);
  box-shadow:0 0 0 6px #93c5fd0b;
}
html[dir] body.user-auth :is(.auth-password-toggle:hover,.language-switch:hover) {
  background:var(--brand-soft);
  color:var(--brand-primary);
  border-color:#a4c0f7;
}

/* Public artwork and editorial highlights use blue, including the lower page. */
html[dir] body.public-site {
  --paper:#f8fbff;
  --ink:#17233b;
  --muted:#5f7088;
  --line:#dbe5f3;
  --lime:#dbeafe;
}
html[dir] body.public-site .site-header {background:rgba(248,251,255,.97)}
html[dir] body.public-site :is(.network-art,.editorial-panel,.legal-contact,.plan-highlight) {
  background:#edf4ff!important;
  border-color:#c9daf7!important;
}
html[dir] body.public-site .art-grid {
  background-image:linear-gradient(#cbdaf580 1px,transparent 1px),linear-gradient(90deg,#cbdaf580 1px,transparent 1px);
}
html[dir] body.public-site :is(.orbit,.orbit-two) {border-color:#b8cdf3}
html[dir] body.public-site .orbit-two:after {
  border-color:#edf4ff;
  box-shadow:0 0 0 5px #2563eb12;
}
html[dir] body.public-site .phone-glyph {
  background:var(--brand-primary)!important;
  color:#fff;
  box-shadow:none;
}
html[dir] body.public-site .phone-bars i {background:#7da5ed!important}
html[dir] body.public-site .phone-bars i:nth-child(3n) {background:#bfdbfe!important}
html[dir] body.public-site .phone-network i {background:var(--brand-highlight)}
html[dir] body.public-site :is(.feature-icon,.route-icon) {
  background:var(--brand-soft)!important;
  color:var(--brand-primary)!important;
}
html[dir] body.public-site .feature-card:hover {border-color:#a4c0f7}
html[dir] body.public-site .workflow-section {background:#f3f7fe;border-color:var(--line)}
html[dir] body.public-site .step {border-top-color:#c4d4ed}
html[dir] body.public-site .step-number {background:#dbeafe;color:#1e40af}
html[dir] body.public-site .closing-cta {background:#eaf2ff!important}
html[dir] body.public-site .closing-cta .eyebrow {color:#3b5990}
html[dir] body.public-site .connection-story .eyebrow {color:#bfdbfe}
html[dir] body.public-site .flow-symbol {background:#293b5c;color:#bfdbfe}
html[dir] body.public-site .flow-node:last-of-type .flow-symbol {background:var(--brand-primary);color:#fff}
html[dir] body.public-site .flow-line {border-color:#7197ce}
html[dir] body.public-site .flow-line:after {color:#bfdbfe}
html[dir] body.public-site :is(.connection-story .text-link,.protocol-band a) {color:#93c5fd!important}
html[dir] body.public-site .trust-summary {border-color:var(--line)}
html[dir] body.public-site .site-footer {background:#f2f6fd}
html[dir] body.public-site .footer-bottom {border-top-color:#d7e2f3}
html[dir] body.public-site :is(.notice,.legal-toc) {background:#f2f6fd}

/* Shared utility surfaces and the language selector inherit the same palette. */
html[dir] select[data-language-select] {border-color:#dbe3ef;color:#263341}
html[dir] select[data-language-select]:hover {background:#eaf2ff;border-color:#93b4f2}
html[dir] select[data-language-select]:focus-visible {outline-color:#2563eb}
html[dir] select[data-language-select] option {background:#fff;color:#263341}
html[dir] .support-widget .support-compact {--sc-accent:#2563eb}
html[dir] body.support-center-page :is(.support-email a,.support-guide article>span) {color:#2563eb!important}
html[dir] body.support-center-page :is(.support-inbox,.support-entry) {--sc-accent:#2563eb}
html[dir] body.support-center-page .support-guide a {color:#2563eb}
html[dir] body:is(.support-center-page,.user-auth) .support-center .auth-kicker {color:#3b5f92}
html[dir] body.brand-workspace .workspace-task-mark {color:#2563eb}
html[dir] body.brand-workspace .workspace-task.warning .workspace-task-mark {color:#866421}
html[dir] body.tunnel-guide a {color:#93c5fd}
html[dir] body.tunnel-guide a:hover {color:#bfdbfe}
html[dir] body.tunnel-guide aside {border-color:#60a5fa;background:#293b5c}
html[dir] body.tunnel-guide :is(code,pre) {background:#192c49}
html[dir] body :is(button,.button,.auth-submit):disabled,
html[dir] body :is(button,.button,.auth-submit)[aria-disabled="true"],
html[dir] body:is(.public-site,.user-auth,.auth-page,.brand-login,.brand-workspace,.brand-portal,.support-center-page,.invoice-page) :is(button,.button,.auth-submit):is(:disabled,[aria-disabled="true"]):is(:hover,:focus,:active) {
  background:#eef2f6!important;
  border-color:#d9e1e9!important;
  color:#8491a0!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:not-allowed;
}