/* NomfroHost Nexus Cart v2.2 — matches the Account Manager shell. */
:host, :root {
    --vl-primary: #2E639A;
    --vl-primary-lifted: #3B75AD;
    --vl-primary-accented: #24527F;

    --vl-secondary: #101828;
    --vl-secondary-lifted: #344054;
    --vl-secondary-accented: #0B1220;

    --vl-success: #178A5B;
    --vl-success-lifted: #229B6A;
    --vl-success-accented: #117047;

    --vl-info: #2E639A;
    --vl-info-lifted: #EAF2FA;
    --vl-info-accented: #24527F;

    --vl-notice: #667085;
    --vl-notice-lifted: #F2F4F7;
    --vl-notice-accented: #475467;

    --vl-warning: #B7791F;
    --vl-warning-lifted: #FFF7E6;
    --vl-warning-accented: #8A5A16;

    --vl-error: #C62828;
    --vl-error-lifted: #FEF0F0;
    --vl-error-accented: #9B1C1C;

    --vl-grayscale: #667085;
    --vl-grayscale-lifted: #F2F4F7;
    --vl-grayscale-accented: #344054;

    --vl-neutral: #667085;
    --vl-neutral-lifted: #F8FAFC;
    --vl-neutral-accented: #475467;

    --vl-text-inverted: #FFFFFF;
    --vl-text-muted: #667085;
    --vl-text-lifted: #344054;
    --vl-text-accented: #101828;
    --vl-text: #101828;

    --vl-border-muted: #EEF1F5;
    --vl-border: #E4E7EC;
    --vl-border-lifted: #D0D5DD;
    --vl-border-accented: #B7C3D1;

    --vl-bg: #FFFFFF;
    --vl-bg-muted: #F7F9FC;
    --vl-bg-lifted: #FFFFFF;
    --vl-bg-accented: #EEF4FB;
    --vl-bg-inverted: #101828;

    --vl-text-xs: 0.75rem;
    --vl-text-sm: 0.875rem;
    --vl-text-md: 1rem;
    --vl-text-lg: 1.25rem;

    --vl-outline-sm: 1px;
    --vl-outline-md: 2px;
    --vl-outline-lg: 3px;

    --vl-rounding-sm: 8px;
    --vl-rounding-md: 10px;
    --vl-rounding-lg: 14px;

    --vl-letter-spacing: -0.01em;
    --vl-disabled-opacity: 0.48;

    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #404040;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

/* The app ships its own component library; these safe primitives only improve feel. */
button, input, select, textarea { font-family: inherit; }
button { transition: background-color .12s ease, border-color .12s ease, box-shadow .12s ease; font-weight: 700; }
button:active { transform: none; }
input, select, textarea { transition: border-color .12s ease, box-shadow .12s ease; font-size: 1rem; }

/* NomfroHost Nexus Cart v2.4 — signed-out/client-area visual alignment only. */
:host, :root {
    --vl-rounding-sm: 9px;
    --vl-rounding-md: 11px;
    --vl-rounding-lg: 14px;
    --vl-letter-spacing: -0.012em;
}

h1, h2, h3, h4 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #202124;
    font-weight: 700;
    letter-spacing: -0.025em;
}

p, label, span, a {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

a { font-weight: 600; }
button { min-height: 42px; border-radius: 9px; font-weight: 700; }
input, select, textarea { min-height: 44px; border-radius: 9px; }

@media (max-width: 767px) {
    :host, :root { font-size: 0.9375rem; }
    button { min-height: 44px; }
}

/* NomfroHost Nexus Cart v2.4.2 — domain action readability. */
a[href*="cart.php?a=add&domain=transfer"],
a[href*="domain=transfer"],
button[data-testid*="transfer"],
button[aria-label*="Transfer"] {
    color: #2E639A !important;
    -webkit-text-fill-color: #2E639A !important;
    opacity: 1 !important;
    font-weight: 700 !important;
    text-decoration-color: #2E639A !important;
}
a[href*="cart.php?a=add&domain=transfer"]:hover,
a[href*="domain=transfer"]:hover {
    color: #24527F !important;
    -webkit-text-fill-color: #24527F !important;
    text-decoration-color: #24527F !important;
}