/* Shared light product components. Dark presentation belongs to explicit
   components (site header/footer, marketing heroes), never to the whole page. */
body:not(.home-premium):not(.landing-earner) {
    color: #1f2937;
    background: #f5f7fb;
    font-family: "Manrope", "Segoe UI", sans-serif;
}

body:not(.home-premium):not(.landing-earner) h1,
body:not(.home-premium):not(.landing-earner) h2,
body:not(.home-premium):not(.landing-earner) h3,
body:not(.home-premium):not(.landing-earner) h4 {
    color: #10233f;
    font-family: "Manrope", "Segoe UI", sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
}

body:not(.home-premium):not(.landing-earner) p {
    color: #5f6f84;
}

body:not(.home-premium):not(.landing-earner) .card,
body:not(.home-premium):not(.landing-earner) .panel-card:not(.accent),
body:not(.home-premium):not(.landing-earner) .form-card,
body:not(.home-premium):not(.landing-earner) .table-card,
body:not(.home-premium):not(.landing-earner) .qa-item {
    color: #26384f;
    border-color: #dfe5ed;
    background: #ffffff;
}

body:not(.home-premium):not(.landing-earner) .panel-card.accent,
body:not(.home-premium):not(.landing-earner) .surface-dark {
    color: #edf3fb;
    background: #10233f;
}

body:not(.home-premium):not(.landing-earner) .panel-card.accent h1,
body:not(.home-premium):not(.landing-earner) .panel-card.accent h2,
body:not(.home-premium):not(.landing-earner) .panel-card.accent h3,
body:not(.home-premium):not(.landing-earner) .panel-card.accent h4,
body:not(.home-premium):not(.landing-earner) .panel-card.accent p,
body:not(.home-premium):not(.landing-earner) .surface-dark h1,
body:not(.home-premium):not(.landing-earner) .surface-dark h2,
body:not(.home-premium):not(.landing-earner) .surface-dark h3,
body:not(.home-premium):not(.landing-earner) .surface-dark h4,
body:not(.home-premium):not(.landing-earner) .surface-dark p {
    color: inherit;
}

body:not(.home-premium):not(.landing-earner):not(.auth-entry) .panel-card.accent .btn,
body:not(.home-premium):not(.landing-earner):not(.auth-entry) .surface-dark .btn {
    border-color: #f0ad31;
    color: #10233f;
    background: #f59e0b;
}

body:not(.home-premium):not(.landing-earner):not(.auth-entry) .panel-card.accent .btn:hover,
body:not(.home-premium):not(.landing-earner):not(.auth-entry) .panel-card.accent .btn:focus-visible,
body:not(.home-premium):not(.landing-earner):not(.auth-entry) .surface-dark .btn:hover,
body:not(.home-premium):not(.landing-earner):not(.auth-entry) .surface-dark .btn:focus-visible {
    border-color: #ffc45b;
    color: #10233f;
    background: #ffc04a;
}

body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn {
    border: 1px solid #10233f;
    color: #ffffff;
    background: #10233f;
    box-shadow: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn:hover,
body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn:focus-visible {
    border-color: #1c3a61;
    color: #ffffff;
    background: #1c3a61;
}

body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn:focus-visible {
    outline: 3px solid rgba(245, 158, 11, 0.28);
    outline-offset: 2px;
}

body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn.ghost,
body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn.outline {
    border-color: #cbd5e1;
    color: #26384f;
    background: #ffffff;
}

body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn.ghost:hover,
body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn.ghost:focus-visible,
body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn.outline:hover,
body:not(.home-premium):not(.landing-earner):not(.auth-entry) .btn.outline:focus-visible {
    border-color: #10233f;
    color: #ffffff;
    background: #10233f;
}

body:not(.home-premium):not(.landing-earner) label {
    color: #26384f;
}

body:not(.home-premium):not(.landing-earner) input,
body:not(.home-premium):not(.landing-earner) select,
body:not(.home-premium):not(.landing-earner) textarea {
    border-color: #cfd8e4;
    color: #14243a;
    background: #ffffff;
}

body:not(.home-premium):not(.landing-earner) input::placeholder,
body:not(.home-premium):not(.landing-earner) textarea::placeholder {
    color: #8794a6;
}

body:not(.home-premium):not(.landing-earner) input:focus,
body:not(.home-premium):not(.landing-earner) select:focus,
body:not(.home-premium):not(.landing-earner) textarea:focus {
    outline: none;
    border-color: #b87922;
    box-shadow: 0 0 0 3px rgba(184, 121, 34, 0.12);
}

body:not(.home-premium):not(.landing-earner) .notice {
    border: 1px solid #efd69f;
    color: #5f4a22;
    background: #fff8e8;
}

body:not(.home-premium):not(.landing-earner) .alert-error {
    border: 1px solid #efcccc;
    color: #963b3b;
    background: #fff5f4;
}

body:not(.home-premium):not(.landing-earner) .alert-success {
    border: 1px solid #cce9db;
    color: #176b4b;
    background: #eaf8f1;
}

body:not(.home-premium):not(.landing-earner) th,
body:not(.home-premium):not(.landing-earner) td {
    border-bottom-color: #e4e9f0;
    color: #26384f;
}

body:not(.home-premium):not(.landing-earner) th {
    color: #10233f;
}