@scope (:root[data-theme="base"]) {
    :scope {
        --surface-page: var(--neutral-50);
        --surface-field: var(--neutral-50);
        --surface-popover: var(--surface-inverse);
        --text-on-popover: var(--text-on-inverse);
        --text-primary: var(--neutral-750);
        --text-secondary: var(--neutral-600);
        --border-focus: var(--teal-450);
        --surface-header: var(--surface-inverse);
        --brand-mark: var(--teal-500);
        --action-selected: var(--teal-600);
        --status-danger-text: var(--red-425);
    }
}