/* NitaPay 品牌主题，随 ClientID 构建与发布 */
:root, [data-bs-theme="light"] {
	--bs-primary: #176b3a;
	--bs-primary-rgb: 23, 107, 58;
	--bs-primary-text-emphasis: color-mix(in srgb, #176b3a, #101820 30%);
	--bs-primary-bg-subtle: color-mix(in srgb, #176b3a 10%, white);
	--bs-primary-border-subtle: color-mix(in srgb, #176b3a 25%, white);
	--portal-primary-contrast: #ffffff;
	--bs-secondary: #666c5e;
	--bs-secondary-rgb: 102, 108, 94;
	--bs-secondary-text-emphasis: color-mix(in srgb, #666c5e, #101820 30%);
	--bs-secondary-bg-subtle: color-mix(in srgb, #666c5e 10%, white);
	--bs-secondary-border-subtle: color-mix(in srgb, #666c5e 25%, white);
	--portal-secondary-contrast: #ffffff;
	--bs-success: #138808;
	--bs-success-rgb: 19, 136, 8;
	--bs-success-text-emphasis: color-mix(in srgb, #138808, #101820 30%);
	--bs-success-bg-subtle: color-mix(in srgb, #138808 10%, white);
	--bs-success-border-subtle: color-mix(in srgb, #138808 25%, white);
	--portal-success-contrast: #ffffff;
	--bs-danger: #b93235;
	--bs-danger-rgb: 185, 50, 53;
	--bs-danger-text-emphasis: color-mix(in srgb, #b93235, #101820 30%);
	--bs-danger-bg-subtle: color-mix(in srgb, #b93235 10%, white);
	--bs-danger-border-subtle: color-mix(in srgb, #b93235 25%, white);
	--portal-danger-contrast: #ffffff;
	--bs-warning: #966000;
	--bs-warning-rgb: 150, 96, 0;
	--bs-warning-text-emphasis: color-mix(in srgb, #966000, #101820 30%);
	--bs-warning-bg-subtle: color-mix(in srgb, #966000 10%, white);
	--bs-warning-border-subtle: color-mix(in srgb, #966000 25%, white);
	--portal-warning-contrast: #ffffff;
	--bs-info: #08778a;
	--bs-info-rgb: 8, 119, 138;
	--bs-info-text-emphasis: color-mix(in srgb, #08778a, #101820 30%);
	--bs-info-bg-subtle: color-mix(in srgb, #08778a 10%, white);
	--bs-info-border-subtle: color-mix(in srgb, #08778a 25%, white);
	--portal-info-contrast: #ffffff;
	--bs-light: #f3f4f6;
	--bs-light-rgb: 243, 244, 246;
	--bs-light-text-emphasis: color-mix(in srgb, #f3f4f6, #101820 30%);
	--bs-light-bg-subtle: color-mix(in srgb, #f3f4f6 10%, white);
	--bs-light-border-subtle: color-mix(in srgb, #f3f4f6 25%, white);
	--portal-light-contrast: #24392d;
	--bs-dark: #22362d;
	--bs-dark-rgb: 34, 54, 45;
	--bs-dark-text-emphasis: color-mix(in srgb, #22362d, #101820 30%);
	--bs-dark-bg-subtle: color-mix(in srgb, #22362d 10%, white);
	--bs-dark-border-subtle: color-mix(in srgb, #22362d 25%, white);
	--portal-dark-contrast: #ffffff;
	--bs-body-color: #24392d;
	--bs-body-color-rgb: 36, 57, 45;
	--bs-body-bg: #ffffff;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-emphasis-color: #24392d;
	--bs-emphasis-color-rgb: 36, 57, 45;
	--bs-secondary-color: #667164;
	--bs-secondary-color-rgb: 102, 113, 100;
	--bs-tertiary-color: #667164;
	--bs-tertiary-color-rgb: 102, 113, 100;
	--bs-secondary-bg: var(--bs-light);
	--bs-secondary-bg-rgb: var(--bs-light-rgb);
	--bs-tertiary-bg: #f5f7fa;
	--bs-tertiary-bg-rgb: 245, 247, 250;
	--bs-heading-color: #24392d;
	--bs-border-color: #e1e5eb;
	--bs-border-color-translucent: rgba(36, 57, 45, .14);
	--bs-link-color: var(--bs-primary);
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-link-hover-color: color-mix(in srgb, var(--bs-primary), black 18%);
	--bs-link-hover-color-rgb: 18, 87, 47;
	--bs-focus-ring-color: rgba(var(--bs-primary-rgb), .24);
	--bs-form-valid-color: var(--bs-success);
	--bs-form-valid-border-color: var(--bs-success);
	--bs-form-invalid-color: var(--bs-danger);
	--bs-form-invalid-border-color: var(--bs-danger);
	--portal-canvas: #f5f7fa;
	--portal-accent: #FF9933;
	--portal-accent-text: #9b4c0b;
	--portal-sidebar-bg: #ffffff;
	--portal-sidebar-color: #294435;
	--portal-sidebar-muted: #687767;
	--portal-sidebar-border: #e1e5eb;
	--portal-menu-hover: #f0f3f6;
	--portal-menu-active: #e1eddc;
	--portal-menu-active-color: #14582f;
	--portal-menu-radius: 10px;
	--portal-brand-radius: 14px;
	--portal-card-radius: 18px;
	--portal-brand-stripe: linear-gradient(90deg, #FF9933 0 33%, #ffffff 33% 66%, #138808 66%);
	--portal-motif: repeating-conic-gradient(from 0deg at 100% 100%, transparent 0deg 13deg, rgb(19 136 8 / 4%) 13deg 15deg);
	--portal-sidebar-motif: radial-gradient(circle at 100% 100%, transparent 0 43px, rgb(19 136 8 / 12%) 44px 45px, transparent 46px 57px, rgb(255 153 51 / 20%) 58px 60px, transparent 61px 73px, rgb(19 136 8 / 8%) 74px 75px, transparent 76px), radial-gradient(ellipse at 100% 100%, rgb(255 153 51 / 8%), transparent 65%);
	--portal-page-bg: #f5f7fa;
	--portal-header-bg: rgba(255, 255, 255, .94);
	--portal-input-bg: #f5f7fa;
	--portal-login-bg: radial-gradient(ellipse at 12% 16%, rgb(255 153 51 / 12%), transparent 45%), radial-gradient(ellipse at 60% 90%, rgb(19 136 8 / 5%), transparent 45%), #f7f8fa;
	--portal-card-shadow: 0 12px 40px rgba(36, 57, 45, .055);
	--bs-gray-100: #f5f7fa;
	--bs-gray-200: #edf0f4;
	--bs-gray-300: #e1e5eb;
	--bs-gray-400: #c2cad4;
	--bs-gray-500: #909baa;
	--bs-gray-600: #667164;
	--bs-gray-700: #4a5e4b;
	--bs-gray-800: #354b3a;
	--bs-gray-900: #24392d;
	--bs-gray: var(--bs-gray-600);
	--bs-gray-dark: var(--bs-gray-800);
	--bs-body-rgb: var(--bs-body-color-rgb);
	--bs-light-text-emphasis: var(--bs-secondary-color);
	--bb-disabled-bg: var(--bs-tertiary-bg);
	--bb-border-focus-color: var(--bs-primary);
	--bb-border-hover-color: var(--bs-primary-border-subtle);
	--bb-dropdown-link-pre-active-bg: var(--bs-primary-bg-subtle);
}