/* Defaults apply only inside an explicitly integrated UI scope. */
[data-ui-brand] {
    --ui-color-primary: #0082e4;
    --ui-color-primary-dark: #0061ab;
    --ui-color-primary-soft: #eaf4fd;
    --ui-color-selected-text: #0a3f67;
    --ui-color-text: #10202e;
    --ui-color-text-secondary: #44586a;
    --ui-color-text-muted: #6b7f90;
    --ui-color-border: #dfe6ec;
    --ui-color-border-strong: #c6d2dc;
    --ui-color-border-hover: #a9bac8;
    --ui-color-radio-border: #9fb1c0;
    --ui-color-surface: #fff;
    --ui-color-surface-hover: #fcfdfe;
    --ui-color-danger: #b70101;
    --ui-color-danger-soft: #fdecec;
    --ui-color-success: #1b7a3d;
    --ui-color-success-soft: #e7f6ec;
    --ui-radius-control: 8px;
    --ui-radius-modal: 14px;
    --ui-font-label: 14px;
    --ui-font-control: 15px;
    --ui-font-error: 13px;
    --ui-font-note: 12px;
    --ui-font-button: 16px;
    --ui-font-modal-title: 21px;
    --ui-control-height: 46px;
    --ui-control-padding: 11px 12px;
    --ui-textarea-height: 130px;
    --ui-option-height: 52px;
    --ui-option-padding: 12px 14px 12px 42px;
    --ui-option-min-width: 220px;
    --ui-option-gap: 9px;
    --ui-form-group-gap: 14px;
    --ui-label-gap: 7px;
    --ui-button-height: 48px;
    --ui-modal-width: 460px;
    --ui-modal-shadow: 0 18px 50px rgba(16, 32, 46, .25);
    --ui-focus-shadow: 0 0 0 3px rgba(0, 130, 228, .15);
    --ui-transition: all .2s ease;
}