/*
 * HUMAS Daylight v2
 * Source of Truth: 07_STANDARDS/UI/HUMAS_Light_and_Dark_Philosophy_v1.0.md
 *
 * This layer changes material and atmosphere only. Layout, typography,
 * hierarchy, motion, interaction and the Dark architecture remain inherited.
 */

html[data-theme="light"] {
    color-scheme: light;

    /* Shared architectural materials */
    --humas-daylight-morning-stone: #f0efea;
    --humas-daylight-warm-limestone: #e9e6df;
    --humas-daylight-soft-paper: #faf8f3;
    --humas-daylight-natural-air: #f5f3ee;
    --humas-daylight-hover: #efede7;
    --humas-daylight-border: #d8d4ca;
    --humas-daylight-divider: #cbc5ba;
    --humas-daylight-text: #292b28;
    --humas-daylight-text-secondary: #454741;
    --humas-daylight-supporting: #61615c;
    --humas-daylight-muted: #686862;
    --humas-daylight-green: #327a68;
    --humas-daylight-green-hover: #2a6656;
    --humas-daylight-beige: #746f66;
    --humas-daylight-red: #8f3f3f;
    --humas-daylight-shadow: 0 6px 18px rgba(54, 52, 47, 0.04);
    --humas-daylight-shadow-hover: 0 9px 22px rgba(54, 52, 47, 0.055);
    --humas-daylight-shell-background:
        radial-gradient(
            circle at 18% 10%,
            rgba(104, 104, 98, 0.035),
            transparent 34rem
        ),
        linear-gradient(
            135deg,
            var(--humas-daylight-morning-stone),
            var(--humas-daylight-natural-air)
        );
    --humas-daylight-nav-active: color-mix(in srgb, var(--humas-daylight-warm-limestone) 96%, var(--humas-daylight-green));
    --humas-daylight-nav-active-border: color-mix(in srgb, var(--humas-daylight-border) 82%, var(--humas-daylight-green));
    --humas-daylight-logout: #c8b68f;
    --humas-daylight-logout-border: #b5a47f;
    --humas-daylight-logout-hover: #c1ad82;
    --humas-daylight-logout-active: #b8a176;
    --humas-daylight-logout-disabled: #ddd8ce;

    /* Personal Cabinet inheritance */
    --background-color: var(--humas-daylight-morning-stone);
    --bg-main: var(--humas-daylight-morning-stone);
    --white: var(--humas-daylight-soft-paper);
    --ultra-light: var(--humas-daylight-warm-limestone);
    --border: var(--humas-daylight-border);
    --dark-text: var(--humas-daylight-text);
    --text: var(--humas-daylight-text-secondary);
    --muted-text: var(--humas-daylight-muted);
    --panel: var(--humas-daylight-natural-air);
    --primary-green: var(--humas-daylight-green);
    --green-hover: var(--humas-daylight-green-hover);
    --accent-green: var(--humas-daylight-green);
    --accent-gold: var(--humas-daylight-beige);
    --accent-gold-hover: #666159;
    --beige-soft: var(--humas-daylight-warm-limestone);
    --table-border: var(--humas-daylight-border);
    --theme-app-bg: var(--humas-daylight-morning-stone);
    --theme-primary-workspace: var(--humas-daylight-natural-air);
    --theme-secondary-workspace: var(--humas-daylight-warm-limestone);
    --theme-card-surface: var(--humas-daylight-soft-paper);
    --theme-dialog-surface: var(--humas-daylight-soft-paper);
    --theme-dropdown-surface: var(--humas-daylight-soft-paper);
    --theme-hover-surface: var(--humas-daylight-hover);
    --theme-primary-border: var(--humas-daylight-border);
    --theme-secondary-border: var(--humas-daylight-divider);
    --theme-divider: var(--humas-daylight-divider);
    --theme-primary-text: var(--humas-daylight-text);
    --theme-secondary-text: var(--humas-daylight-text-secondary);
    --theme-supporting-text: var(--humas-daylight-supporting);
    --theme-muted-text: var(--humas-daylight-muted);
    --theme-disabled-text: #999185;
    --theme-placeholder-text: var(--humas-daylight-muted);
    --theme-primary-button: var(--humas-daylight-green);
    --theme-primary-hover: var(--humas-daylight-green-hover);
    --theme-primary-gold: var(--humas-daylight-beige);
    --theme-secondary-hover: var(--humas-daylight-hover);
    --theme-ghost-hover: color-mix(in srgb, var(--humas-daylight-green) 6%, transparent);
    --theme-danger-button: var(--humas-daylight-red);
    --theme-input-bg: var(--humas-daylight-soft-paper);
    --theme-input-border: var(--humas-daylight-border);
    --theme-input-disabled: color-mix(in srgb, var(--humas-daylight-warm-limestone) 74%, transparent);
    --theme-input-placeholder: var(--humas-daylight-muted);
    --theme-chart-grid: rgba(69, 71, 65, 0.12);
    --theme-chart-fill: rgba(50, 122, 104, 0.10);
    --personal-level-1: var(--humas-daylight-morning-stone);
    --personal-level-2: var(--humas-daylight-soft-paper);
    --personal-level-3: var(--humas-daylight-warm-limestone);

    /* Corporate Platform inheritance */
    --corporate-bg: var(--humas-daylight-morning-stone);
    --corporate-workspace: var(--humas-daylight-natural-air);
    --corporate-surface: var(--humas-daylight-soft-paper);
    --corporate-surface-secondary: var(--humas-daylight-warm-limestone);
    --corporate-hover: var(--humas-daylight-hover);
    --corporate-border: var(--humas-daylight-border);
    --corporate-divider: var(--humas-daylight-divider);
    --corporate-text: var(--humas-daylight-text);
    --corporate-text-secondary: var(--humas-daylight-text-secondary);
    --corporate-supporting: var(--humas-daylight-supporting);
    --corporate-muted: var(--humas-daylight-muted);
    --corporate-green: var(--humas-daylight-green);
    --corporate-green-hover: var(--humas-daylight-green-hover);
    --corporate-gold: var(--humas-daylight-beige);
    --corporate-shadow: var(--humas-daylight-shadow);
    --corporate-level-1: var(--humas-daylight-morning-stone);
    --corporate-level-2: var(--humas-daylight-soft-paper);
    --corporate-level-3: var(--humas-daylight-warm-limestone);
    --corporate-control-surface: var(--humas-daylight-soft-paper);
}

/*
 * Physical selection controls follow the shared button contract:
 * beige in Daylight, green in Dark. The theme choice is a real control,
 * not a green semantic status marker.
 */
html[data-theme="light"] .personal-cabinet-shell .settings-theme-control button.is-active,
html[data-theme="light"] .personal-cabinet-shell .settings-theme-control button[aria-pressed="true"],
html[data-theme="light"] .corporate-participant-workspace .corporate-participant-preference-options[data-theme-control] button.is-active,
html[data-theme="light"] .corporate-participant-workspace .corporate-participant-preference-options[data-theme-control] button.is-selected,
html[data-theme="light"] .corporate-participant-workspace .corporate-participant-preference-options[data-theme-control] button[aria-pressed="true"] {
    border-color: var(--humas-daylight-logout-border);
    background: var(--humas-daylight-logout);
    color: var(--humas-daylight-text);
    box-shadow: none;
}

html[data-theme="light"] .corporate-participant-settings-page .corporate-participant-security-submit button,
html[data-theme="light"] .corporate-participant-settings-page .corporate-participant-notification-form button {
    border-color: var(--humas-daylight-logout-border);
    background: var(--humas-daylight-logout);
    color: var(--humas-daylight-text);
}

html[data-theme="light"],
html[data-theme="light"] body {
    background-color: var(--humas-daylight-morning-stone);
}

html[data-theme="light"] body.personal-cabinet-shell,
html[data-theme="light"] body.corporate-platform-shell {
    background: var(--humas-daylight-shell-background);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--humas-daylight-text);
}

html[data-theme="light"] .personal-cabinet-shell :is(
    .page-wrapper,
    .main-content
) {
    background: transparent;
    color: var(--humas-daylight-text);
}

html[data-theme="light"] :is(
    .corporate-workspace-header,
    .administration-workspace-header,
    .humas-dashboard-header,
    .corporate-participant-topbar,
    .executive-workspace-header,
    .corporate-sidebar,
    .administration-sidebar,
    .humas-sidebar,
    .corporate-participant-sidebar,
    .executive-sidebar
) {
    border-color: var(--humas-daylight-border);
    background: var(--humas-daylight-natural-air);
    box-shadow: var(--humas-daylight-shadow);
}

/* Personal Cabinet's local shell selectors are more specific than the shared group. */
html[data-theme="light"] body.personal-cabinet-shell :is(
    .humas-dashboard-header,
    .humas-sidebar
) {
    border-color: var(--humas-daylight-border);
    background: var(--humas-daylight-natural-air);
    box-shadow: var(--humas-daylight-shadow);
}

html[data-theme="light"] .humas-sidebar-link.is-active,
html[data-theme="light"] .corporate-nav-link.is-active,
html[data-theme="light"] .corporate-participant-nav a.is-active,
html[data-theme="light"] .executive-nav-link.is-active {
    min-height: 44px;
    border-color: var(--humas-daylight-nav-active-border);
    border-radius: 8px;
    background: var(--humas-daylight-nav-active);
    color: var(--humas-daylight-text);
    transform: none;
    box-shadow: none;
}

html[data-theme="light"] .humas-sidebar-link.is-active .humas-sidebar-icon img {
    filter: none;
    opacity: 0.88;
}

html[data-theme="light"] .humas-sidebar-link.is-active .humas-sidebar-badge {
    background: color-mix(in srgb, var(--humas-daylight-green) 10%, var(--humas-daylight-soft-paper));
    color: var(--humas-daylight-green-hover);
}

html[data-theme="light"] :is(.humas-logout-button, .corporate-global-logout, [data-humas-logout]) {
    border-color: var(--humas-daylight-logout-border);
    background: var(--humas-daylight-logout);
    color: var(--humas-daylight-text);
    box-shadow: none;
}

html[data-theme="light"] :is(.humas-logout-button, .corporate-global-logout, [data-humas-logout]):hover,
html[data-theme="light"] :is(.humas-logout-button, .corporate-global-logout, [data-humas-logout]):focus {
    border-color: var(--humas-daylight-logout-active);
    background: var(--humas-daylight-logout-hover);
    color: var(--humas-daylight-text);
    box-shadow: none;
}

html[data-theme="light"] :is(.humas-logout-button, .corporate-global-logout, [data-humas-logout]):focus-visible {
    outline: 2px solid color-mix(in srgb, var(--humas-daylight-green) 34%, var(--humas-daylight-logout-border));
    outline-offset: 2px;
}

html[data-theme="light"] :is(.humas-logout-button, .corporate-global-logout, [data-humas-logout]):active:not(:disabled) {
    border-color: var(--humas-daylight-logout-active);
    background: var(--humas-daylight-logout-active);
    color: var(--humas-daylight-text);
}

html[data-theme="light"] :is(.humas-logout-button, .corporate-global-logout, [data-humas-logout]):is(:disabled, [aria-disabled="true"]) {
    border-color: var(--humas-daylight-border);
    background: var(--humas-daylight-logout-disabled);
    color: var(--humas-daylight-muted);
    box-shadow: none;
    cursor: not-allowed;
}

html[data-theme="light"] .personal-cabinet-shell :is(
    .card-wrapper,
    .dashboard-card,
    .profile-card,
    .settings-card,
    .help-card,
    .empty-state
) {
    border-color: var(--humas-daylight-border);
    box-shadow: var(--humas-daylight-shadow);
}

html[data-theme="light"] .executive-workspace {
    background: transparent;
}

html[data-theme="light"] body.corporate-platform-shell .executive-main {
    background: transparent !important;
}

/* Authentication, registration and verification consume the same materials. */
html[data-theme="light"] .login-entry-shell {
    --login-bg: var(--humas-daylight-morning-stone);
    --login-panel: var(--humas-daylight-natural-air);
    --login-card: var(--humas-daylight-warm-limestone);
    --login-card-strong: var(--humas-daylight-soft-paper);
    --login-border: var(--humas-daylight-border);
    --login-border-soft: var(--humas-daylight-divider);
    --login-text: var(--humas-daylight-text);
    --login-secondary: var(--humas-daylight-text-secondary);
    --login-muted: var(--humas-daylight-muted);
    --login-green: var(--humas-daylight-green);
    --login-green-hover: var(--humas-daylight-green-hover);
    --login-gold: var(--humas-daylight-beige);
    background:
        radial-gradient(circle at top left, rgba(104, 104, 98, 0.04), transparent 36%),
        linear-gradient(135deg, var(--humas-daylight-morning-stone), var(--humas-daylight-natural-air));
}

html[data-theme="light"] :is(.login-entry-info-panel, .login-entry-form-panel) {
    background: var(--humas-daylight-natural-air);
    box-shadow: var(--humas-daylight-shadow);
}

html[data-theme="light"] .login-role-card {
    background: var(--humas-daylight-soft-paper);
}

html[data-theme="light"] .login-entry-note,
html[data-theme="light"] .verification-instruction-card {
    background: var(--humas-daylight-warm-limestone);
}

html[data-theme="light"] .login-role-card.is-active {
    background: color-mix(in srgb, var(--humas-daylight-green) 9%, var(--humas-daylight-soft-paper));
}

html[data-theme="light"] .login-entry-shell .form :is(input[type="email"], input[type="text"], input[type="password"]) {
    background: var(--humas-daylight-soft-paper) !important;
    color: var(--humas-daylight-text);
}

html[data-theme="light"] .administration-auth-shell .login-alert.is-error {
    border-color: color-mix(in srgb, #9b4040 48%, var(--humas-daylight-border));
    background: color-mix(in srgb, #9b4040 9%, var(--humas-daylight-soft-paper));
    color: #713131;
}

html[data-theme="light"] .administration-auth-shell .login-password-toggle {
    background: var(--humas-daylight-warm-limestone);
}

html[data-theme="light"] .registration-page-shell {
    --registration-bg: var(--humas-daylight-morning-stone);
    --registration-panel: var(--humas-daylight-natural-air);
    --registration-card: var(--humas-daylight-soft-paper);
    --registration-card-soft: var(--humas-daylight-warm-limestone);
    --registration-border: var(--humas-daylight-border);
    --registration-border-soft: var(--humas-daylight-divider);
    --registration-text: var(--humas-daylight-text);
    --registration-secondary: var(--humas-daylight-text-secondary);
    --registration-muted: var(--humas-daylight-muted);
    --registration-green: var(--humas-daylight-green);
    --registration-green-hover: var(--humas-daylight-green-hover);
    --registration-gold: var(--humas-daylight-beige);
    background:
        radial-gradient(circle at top left, rgba(104, 104, 98, 0.04), transparent 36%),
        linear-gradient(135deg, var(--humas-daylight-morning-stone), var(--humas-daylight-natural-air));
}

html[data-theme="light"] :is(.registration-info-panel, .registration-form-panel) {
    background: var(--humas-daylight-natural-air);
    box-shadow: var(--humas-daylight-shadow);
}

html[data-theme="light"] .registration-guidance-card {
    background: var(--humas-daylight-soft-paper);
    box-shadow: var(--humas-daylight-shadow);
}

html[data-theme="light"] :is(.registration-journey div, .registration-benefit-list div) {
    background: var(--humas-daylight-warm-limestone);
}

html[data-theme="light"] .registration-journey span {
    border-color: color-mix(in srgb, var(--humas-daylight-green) 38%, var(--humas-daylight-border));
    background: color-mix(in srgb, var(--humas-daylight-green) 12%, var(--humas-daylight-soft-paper));
    color: var(--humas-daylight-green-hover);
}

html[data-theme="light"] .registration-page-shell :is(
    .form input[type="text"],
    .form input[type="password"],
    .form input[type="date"],
    .form input[type="email"],
    .form select,
    .birth-date-inputs input[type="number"],
    .select-enhanced .select-display,
    .select-enhanced .select-menu
) {
    background: var(--humas-daylight-soft-paper) !important;
    color: var(--humas-daylight-text);
}

html[data-theme="light"] .registration-page-shell .select-enhanced .select-search {
    background: var(--humas-daylight-natural-air);
    color: var(--humas-daylight-text);
}

html[data-theme="light"] :is(.login-entry-shell, .registration-page-shell) + .cabinet-footer,
html[data-theme="light"] .login-page .cabinet-footer {
    border-color: var(--humas-daylight-border);
    background: var(--humas-daylight-natural-air);
    color: var(--humas-daylight-supporting);
}

html[data-theme="light"] :is(.login-entry-shell, .registration-page-shell) + .cabinet-footer a,
html[data-theme="light"] .login-page .cabinet-footer a {
    color: var(--humas-daylight-green-hover);
}

/*
 * Daylight bounded-surface hierarchy
 *
 * Natural Air is the material of a complete primary section. Soft Paper is
 * reserved for content cards inside that section. Warm Limestone remains the
 * quiet material for nested facts, statistics, guidance and controls.
 */
html[data-theme="light"] body.personal-cabinet-shell .main-content .card-wrapper {
    background-color: var(--humas-daylight-natural-air);
    background-image: none;
}

html[data-theme="light"] body.personal-cabinet-shell .main-content :is(
    .subscription-plan-card,
    .legacy-continuity-card
) {
    background-color: var(--humas-daylight-soft-paper);
    background-image: none;
}

html[data-theme="light"] body.corporate-platform-shell :is(
    section.corporate-card,
    form.corporate-card,
    details.corporate-card,
    .executive-welcome-panel,
    .executive-section
) {
    background-color: var(--humas-daylight-natural-air) !important;
    background-image: none !important;
}

html[data-theme="light"] body.corporate-platform-shell :is(
    article.corporate-card,
    a.corporate-card,
    .executive-card
) {
    background-color: var(--humas-daylight-soft-paper);
    background-image: none;
}

html[data-theme="light"] body.administration-platform-shell :is(
    .administration-home-welcome,
    .administration-charter-card,
    .administration-principles-card,
    .administration-home-aria-card
) {
    background-color: var(--humas-daylight-natural-air) !important;
    background-image: none !important;
}

html[data-theme="light"] body.administration-platform-shell .administration-page :is(
    .administration-statistics > .administration-stat-card,
    .administration-analytics-grid > .administration-chart-card,
    .administration-attention-grid > .administration-attention-card,
    .administration-responsibility-grid > .administration-queue-card,
    .administration-preview-grid > .administration-preview-card,
    .administration-navigation-grid > .administration-navigation-card,
    .administration-home-responsibility > .administration-queue-card,
    .administration-home-program__metrics > div
) {
    background-color: var(--humas-daylight-warm-limestone);
    background-image: none;
}

html[data-theme="light"] .auth-container .card-wrapper {
    background-color: var(--humas-daylight-natural-air);
    background-image: none;
}

/*
 * Daylight public-access action contract
 *
 * Login, registration, verification and recovery are part of the same HUMAS
 * physical-control system as the authenticated workspaces. Available actions
 * are beige; disabled actions are quiet and neutral.
 */
html[data-theme="light"] :is(
    .login-entry-shell .login-submit-button,
    .registration-page-shell .form button[type="submit"],
    .auth-container .form button[type="submit"]
):not(:disabled):not([aria-disabled="true"]) {
    border-color: var(--humas-daylight-logout-border);
    background: var(--humas-daylight-logout);
    color: var(--humas-daylight-text);
    box-shadow: none;
}

html[data-theme="light"] :is(
    .login-entry-shell .login-submit-button,
    .registration-page-shell .form button[type="submit"],
    .auth-container .form button[type="submit"]
):not(:disabled):not([aria-disabled="true"]):is(:hover, :focus, :focus-visible) {
    border-color: var(--humas-daylight-logout-active);
    background: var(--humas-daylight-logout-hover);
    color: var(--humas-daylight-text);
    outline: 2px solid color-mix(in srgb, var(--humas-daylight-green) 34%, var(--humas-daylight-logout-border));
    outline-offset: 2px;
}

html[data-theme="light"] :is(
    .login-entry-shell .login-submit-button,
    .registration-page-shell .form button[type="submit"],
    .auth-container .form button[type="submit"]
):not(:disabled):not([aria-disabled="true"]):active {
    border-color: var(--humas-daylight-logout-active);
    background: var(--humas-daylight-logout-active);
    color: var(--humas-daylight-text);
}

html[data-theme="light"] :is(
    .login-entry-shell .login-submit-button,
    .registration-page-shell .form button[type="submit"],
    .auth-container .form button[type="submit"]
):is(:disabled, [aria-disabled="true"]) {
    border-color: var(--humas-daylight-border);
    background: var(--humas-daylight-logout-disabled);
    color: var(--humas-daylight-muted);
    box-shadow: none;
    opacity: 1;
    cursor: not-allowed;
}

html[data-theme="light"] .registration-page-shell .registration-checkbox-row {
    border-color: var(--humas-daylight-border);
    background: var(--humas-daylight-warm-limestone);
}

html[data-theme="light"] .registration-page-shell .registration-checkbox-row label {
    color: var(--humas-daylight-text-secondary);
}

/*
 * HUMAS System shared cabinet action contract
 *
 * Light uses the approved beige action material. Dark uses the approved
 * green action material. Navigation, segmented controls, tabs, icon-only
 * controls, colour choices and destructive actions retain their own meaning.
 */
html[data-theme="light"] {
    --humas-cabinet-action-background: var(--humas-daylight-logout);
    --humas-cabinet-action-border: var(--humas-daylight-logout-border);
    --humas-cabinet-action-hover: var(--humas-daylight-logout-hover);
    --humas-cabinet-action-active: var(--humas-daylight-logout-active);
    --humas-cabinet-action-text: var(--humas-daylight-text);
    --humas-cabinet-action-disabled-background: var(--humas-daylight-logout-disabled);
    --humas-cabinet-action-disabled-border: var(--humas-daylight-border);
    --humas-cabinet-action-disabled-text: var(--humas-daylight-muted);
    --humas-cabinet-action-focus: color-mix(in srgb, var(--humas-daylight-green) 38%, transparent);
    --humas-level-marker-background: var(--humas-daylight-logout);
    --humas-level-marker-border: var(--humas-daylight-logout-border);
    --humas-level-marker-text: var(--humas-daylight-text);
}

html[data-theme="dark"] {
    /*
     * Canonical HUMAS dark graphite foundation.
     * One shared source for Administration, Personal Cabinet and
     * Corporate Participant Cabinet.
     */
    --humas-dark-shell-base: #16181b;
    --humas-dark-workspace: #1d2126;
    --humas-dark-surface: #2b3138;
    --humas-dark-surface-secondary: #252a31;
    --humas-dark-border: #3b424c;
    --humas-dark-primary-text: #f2f2f0;
    --humas-dark-supporting-text: #b8bcc1;
    --humas-dark-accent: #4f9c87;
    --humas-dark-shell-background:
        radial-gradient(
            circle at 18% 12%,
            color-mix(in srgb, var(--humas-dark-accent) 16%, transparent),
            transparent 32rem
        ),
        linear-gradient(
            135deg,
            var(--humas-dark-shell-base),
            var(--humas-dark-workspace)
        );

    --corporate-bg: var(--humas-dark-shell-base);
    --corporate-workspace: var(--humas-dark-workspace);
    --corporate-surface: var(--humas-dark-surface);
    --corporate-surface-secondary: var(--humas-dark-surface-secondary);
    --corporate-border: var(--humas-dark-border);
    --corporate-text: var(--humas-dark-primary-text);
    --corporate-supporting: var(--humas-dark-supporting-text);

    --theme-app-bg: var(--humas-dark-shell-base);
    --theme-primary-workspace: var(--humas-dark-workspace);
    --theme-card-surface: var(--humas-dark-surface);
    --theme-secondary-workspace: var(--humas-dark-surface-secondary);
    --theme-primary-border: var(--humas-dark-border);
    --theme-primary-text: var(--humas-dark-primary-text);
    --theme-supporting-text: var(--humas-dark-supporting-text);

    --humas-cabinet-action-background: var(--corporate-green, var(--theme-primary-button, #4f9c87));
    --humas-cabinet-action-border: var(--corporate-green, var(--theme-primary-button, #4f9c87));
    --humas-cabinet-action-hover: var(--corporate-green-hover, var(--theme-primary-hover, #58a791));
    --humas-cabinet-action-active: color-mix(
        in srgb,
        var(--corporate-green-hover, var(--theme-primary-hover, #58a791)) 86%,
        #ffffff
    );
    --humas-cabinet-action-text: #101f1b;
    --humas-cabinet-action-disabled-background: var(--corporate-surface-secondary, var(--theme-input-disabled, #252a31));
    --humas-cabinet-action-disabled-border: var(--corporate-border, var(--theme-primary-border, #3b424c));
    --humas-cabinet-action-disabled-text: var(--corporate-muted, var(--theme-disabled-text, #939aa3));
    --humas-cabinet-action-focus: color-mix(
        in srgb,
        var(--corporate-green, var(--theme-primary-button, #4f9c87)) 42%,
        transparent
    );
    --humas-level-marker-background: var(--corporate-green, var(--theme-primary-button, #4f9c87));
    --humas-level-marker-border: var(--corporate-green, var(--theme-primary-button, #4f9c87));
    --humas-level-marker-text: #101f1b;
}

html[data-theme="dark"] :is(
    body.corporate-platform-shell,
    body.personal-cabinet-shell
) {
    background: var(--humas-dark-shell-background);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--humas-dark-primary-text);
}

html[data-theme="dark"] .personal-cabinet-shell :is(
    .page-wrapper,
    .main-content
) {
    background: transparent;
}

html[data-theme="dark"] .executive-workspace {
    background: transparent;
}

/*
 * Executive pages previously painted a second, almost-black workspace over
 * the shared shell. Keep the page layer transparent so the canonical graphite
 * gradient remains the single background source.
 */
html[data-theme="dark"] body.corporate-platform-shell .executive-main {
    background: transparent !important;
}

html[data-theme="dark"] :is(
    .corporate-workspace-header,
    .administration-workspace-header,
    .humas-dashboard-header,
    .corporate-participant-topbar,
    .executive-workspace-header
) {
    border-color: var(--humas-dark-border);
    background: var(--humas-dark-workspace);
}

html[data-theme="dark"] :is(
    .corporate-sidebar,
    .administration-sidebar,
    .humas-sidebar,
    .corporate-participant-sidebar,
    .executive-sidebar
) {
    border-color: var(--humas-dark-border);
    background: var(--humas-dark-workspace);
}

/* Personal Cabinet's final cosmetic layer has equal-level surface selectors. */
html[data-theme="dark"] body.personal-cabinet-shell .humas-dashboard-header {
    border-color: var(--humas-dark-border);
    background: var(--humas-dark-workspace);
}

html[data-theme="dark"] body.personal-cabinet-shell .humas-sidebar {
    border-color: var(--humas-dark-border);
    background: var(--humas-dark-workspace);
}

html[data-theme="dark"] body.personal-cabinet-shell .certification-decision-reason {
    color: var(--humas-dark-supporting-text);
}

html[data-theme="dark"] body.personal-cabinet-shell .certification-decision-reason strong {
    color: var(--humas-dark-primary-text);
}

/* Corporate Center navigation cards share one surface; access is not a visual hierarchy. */
html[data-theme="dark"] .corporate-office-area-card--featured,
html[data-theme="dark"] .corporate-office-area-card--featured:hover,
html[data-theme="dark"] .corporate-office-area-card--featured:focus-within {
    border-color: var(--humas-dark-border);
    background: color-mix(in srgb, var(--humas-dark-surface) 96%, transparent);
    box-shadow: none;
}

/*
 * HUMAS System shared Recognition Level marker contract.
 *
 * Only explicit Level markers use this presentation. Progress states,
 * Certification decisions, Membership states and administrative filters keep
 * their own semantic styling.
 */
html[data-theme] .humas-level-marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 26px;
    padding: 4px 10px;
    border: 1px solid var(--humas-level-marker-border) !important;
    border-radius: 999px;
    background: var(--humas-level-marker-background) !important;
    color: var(--humas-level-marker-text) !important;
    box-shadow: none !important;
    line-height: 1.2;
    white-space: nowrap;
}

html[data-theme] :is(
    .humas-logout-button,
    .corporate-global-logout,
    [data-humas-logout],
    body.personal-cabinet-shell .main-content .btn:not(.btn-menu):not(.modal-close):not(.tab-btn):not(.personal-profile-delete-button):not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content .btn-small:not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content button[type="submit"]:not(.personal-profile-delete-button):not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content a[class*="-action"]:not(.is-card-surface):not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content a[class*="-button"]:not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content .dashboard-section-link,
    body.corporate-platform-shell .corporate-participant-workspace .btn:not(.btn-menu):not(.modal-close):not(.tab-btn):not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-participant-workspace button[type="submit"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-participant-workspace .corporate-participant-workspace-link:not(.is-card-surface),
    body.corporate-platform-shell .corporate-participant-workspace .corporate-participant-part-related-link,
    body.corporate-platform-shell .corporate-page .btn:not(.btn-menu):not(.modal-close):not(.tab-btn):not(.administration-card-link):not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-page button[type="submit"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-page button[class*="-action"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-page a[class*="-action"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-page a[class*="-button"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main .btn:not(.btn-menu):not(.modal-close):not(.tab-btn):not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main button[type="submit"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main button[class*="-action"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main a[class*="-action"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main a[class*="-button"]:not([class*="danger" i]):not([class*="delete" i])
):not(:disabled):not([aria-disabled="true"]) {
    border-color: var(--humas-cabinet-action-border) !important;
    background: var(--humas-cabinet-action-background) !important;
    color: var(--humas-cabinet-action-text) !important;
    box-shadow: none !important;
}

/* Canonical Personal Cabinet page navigation: buttons, not inline links. */
html[data-theme] body.personal-cabinet-shell .main-content .table-pagination-btn:not([aria-disabled="true"]) {
    border-color: var(--humas-cabinet-action-border) !important;
    background: var(--humas-cabinet-action-background) !important;
    color: var(--humas-cabinet-action-text) !important;
    box-shadow: none !important;
}

html[data-theme] body.personal-cabinet-shell .main-content .table-pagination-btn:not([aria-disabled="true"]):hover,
html[data-theme] body.personal-cabinet-shell .main-content .table-pagination-btn:not([aria-disabled="true"]):focus-visible {
    border-color: var(--humas-cabinet-action-hover) !important;
    background: var(--humas-cabinet-action-hover) !important;
    color: var(--humas-cabinet-action-text) !important;
}

html[data-theme] body.personal-cabinet-shell .main-content .table-pagination-btn[aria-disabled="true"] {
    border-color: var(--humas-cabinet-action-border) !important;
    background: var(--humas-cabinet-action-background) !important;
    color: var(--humas-cabinet-action-text) !important;
    opacity: .45;
}

/* Canonical Corporate pagination: green in dark mode, beige in light mode. */
html[data-theme] body.corporate-platform-shell .corporate-record-pagination > :is(a, button):not(:disabled):not([aria-disabled="true"]) {
    border-color: var(--humas-cabinet-action-border) !important;
    background: var(--humas-cabinet-action-background) !important;
    color: var(--humas-cabinet-action-text) !important;
    box-shadow: none !important;
}

html[data-theme] body.corporate-platform-shell .corporate-record-pagination > :is(a, button):not(:disabled):not([aria-disabled="true"]):hover,
html[data-theme] body.corporate-platform-shell .corporate-record-pagination > :is(a, button):not(:disabled):not([aria-disabled="true"]):focus-visible {
    border-color: var(--humas-cabinet-action-hover) !important;
    background: var(--humas-cabinet-action-hover) !important;
    color: var(--humas-cabinet-action-text) !important;
}

html[data-theme] body.corporate-platform-shell .corporate-record-pagination > :is(button:disabled, [aria-disabled="true"]) {
    border-color: var(--humas-cabinet-action-border) !important;
    background: var(--humas-cabinet-action-background) !important;
    color: var(--humas-cabinet-action-text) !important;
    opacity: .45;
}

html[data-theme] :is(
    .humas-logout-button,
    .corporate-global-logout,
    [data-humas-logout],
    body.personal-cabinet-shell .main-content .btn:not(.btn-menu):not(.modal-close):not(.tab-btn):not(.personal-profile-delete-button):not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content .btn-small:not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content button[type="submit"]:not(.personal-profile-delete-button):not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content a[class*="-action"]:not(.is-card-surface):not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content a[class*="-button"]:not([class*="danger" i]):not([class*="delete" i]),
    body.personal-cabinet-shell .main-content .dashboard-section-link,
    body.corporate-platform-shell .corporate-participant-workspace .btn:not(.btn-menu):not(.modal-close):not(.tab-btn):not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-participant-workspace button[type="submit"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-participant-workspace .corporate-participant-workspace-link:not(.is-card-surface),
    body.corporate-platform-shell .corporate-participant-workspace .corporate-participant-part-related-link,
    body.corporate-platform-shell .corporate-page .btn:not(.btn-menu):not(.modal-close):not(.tab-btn):not(.administration-card-link):not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-page button[type="submit"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-page button[class*="-action"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-page a[class*="-action"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .corporate-page a[class*="-button"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main .btn:not(.btn-menu):not(.modal-close):not(.tab-btn):not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main button[type="submit"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main button[class*="-action"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main a[class*="-action"]:not([class*="danger" i]):not([class*="delete" i]),
    body.corporate-platform-shell .executive-main a[class*="-button"]:not([class*="danger" i]):not([class*="delete" i])
):not(:disabled):not([aria-disabled="true"]):is(:hover, :focus, :focus-visible) {
    border-color: var(--humas-cabinet-action-hover) !important;
    background: var(--humas-cabinet-action-hover) !important;
    color: var(--humas-cabinet-action-text) !important;
    outline: 2px solid var(--humas-cabinet-action-focus);
    outline-offset: 2px;
}

html[data-theme] :is(
    body.personal-cabinet-shell .main-content .btn,
    body.personal-cabinet-shell .main-content .btn-small,
    body.personal-cabinet-shell .main-content button[type="submit"],
    body.corporate-platform-shell .corporate-participant-workspace .btn,
    body.corporate-platform-shell .corporate-participant-workspace button[type="submit"],
    body.corporate-platform-shell .corporate-page .btn,
    body.corporate-platform-shell .corporate-page button[type="submit"],
    body.corporate-platform-shell .corporate-page button[class*="-action"],
    body.corporate-platform-shell .executive-main .btn,
    body.corporate-platform-shell .executive-main button[type="submit"],
    body.corporate-platform-shell .executive-main button[class*="-action"]
):is(:disabled, [aria-disabled="true"]):not([class*="danger" i]):not([class*="delete" i]) {
    border-color: var(--humas-cabinet-action-disabled-border) !important;
    background: var(--humas-cabinet-action-disabled-background) !important;
    color: var(--humas-cabinet-action-disabled-text) !important;
    box-shadow: none !important;
    opacity: 1;
    cursor: not-allowed;
    transform: none;
}

html[data-theme] body.corporate-platform-shell .corporate-page .btn.administration-card-link,
html[data-theme] body.corporate-platform-shell .corporate-page .btn.administration-card-link:hover,
html[data-theme] body.corporate-platform-shell .corporate-page .btn.administration-card-link:focus-visible {
    border-color: var(--corporate-border) !important;
    background: transparent !important;
    color: var(--corporate-text-secondary) !important;
    box-shadow: none !important;
    transform: none;
}