/**
 * ERP UI color tokens V1.1
 *
 * Canonical source: Figma page "02 颜色规范 V1.1".
 * Contract: 97 Primitive + 144 Semantic + 169 Component = 410 WEB variables.
 * Light is the only implemented mode. Dark remains reserved until real-page QA.
 *
 * Layer rules:
 * 1. Primitive variables own raw color values.
 * 2. Semantic variables alias Primitive variables, except the two literal values
 *    that are intentionally stored as literals in Figma V1.1.
 * 3. Component variables alias Semantic variables only.
 */

:root {
  color-scheme: light;

  /* FIGMA_LAYER:PRIMITIVE | ERP / Primitive | Light | 97 variables */
  --erp-blue-200: #A8C5F5;
  --erp-blue-800: #153D88;
  --erp-brown-300: #D9BC93;
  --erp-brown-50: #FBF3E8;
  --erp-brown-600: #8A5A2B;
  --erp-brown-700: #7A4B1F;
  --erp-color-amber-200: #E5C27D;
  --erp-color-amber-300: #C07A24;
  --erp-color-amber-50: #FFF6E8;
  --erp-color-amber-600: #B85F08;
  --erp-color-amber-700: #81440F;
  --erp-color-amber-800: #63330C;
  --erp-color-blue-100: #E6EEFF;
  --erp-color-blue-300: #668CD9;
  --erp-color-blue-50: #F3F7FF;
  --erp-color-blue-600: #245FD3;
  --erp-color-blue-700: #1C4FB5;
  --erp-color-brand-50: #EDF5F1;
  --erp-color-brand-600: #1F6F53;
  --erp-color-brand-700: #174F3E;
  --erp-color-green-200: #A8CDB9;
  --erp-color-green-300: #5E927B;
  --erp-color-green-50: #EAF6EF;
  --erp-color-green-600: #237B4B;
  --erp-color-green-700: #145C39;
  --erp-color-green-800: #0F4B2D;
  --erp-color-jst-amber-fde7ab: #FDE7AB;
  --erp-color-jst-amber-ffe48d: #FFE48D;
  --erp-color-jst-blue-006783: #006783;
  --erp-color-jst-blue-0a87ba: #0A87BA;
  --erp-color-jst-blue-4ba5e6: #4BA5E6;
  --erp-color-jst-blue-c6e3ef: #C6E3EF;
  --erp-color-jst-green-009f3c: #009F3C;
  --erp-color-jst-green-00a430: #00A430;
  --erp-color-jst-green-18723d: #18723D;
  --erp-color-jst-green-234a1c: #234A1C;
  --erp-color-jst-green-abd46e: #ABD46E;
  --erp-color-jst-green-c6fcbe: #C6FCBE;
  --erp-color-jst-ink-000000: #000000;
  --erp-color-jst-neutral-525252: #525252;
  --erp-color-jst-neutral-666666: #666666;
  --erp-color-jst-red-b42318: #B42318;
  --erp-color-jst-red-ea3323: #EA3323;
  --erp-color-jst-red-ff0000: #FF0000;
  --erp-color-jst-yellow-ffff54: #FFFF54;
  --erp-color-neutral-0: #FFFFFF;
  --erp-color-neutral-100: #EEF2F6;
  --erp-color-neutral-200: #D9E0E8;
  --erp-color-neutral-25: #FBFCFE;
  --erp-color-neutral-300: #8493A5;
  --erp-color-neutral-50: #F5F7FA;
  --erp-color-neutral-600: #5E6B7A;
  --erp-color-neutral-700: #526276;
  --erp-color-neutral-900: #17242F;
  --erp-color-red-200: #E8B4AE;
  --erp-color-red-300: #D47670;
  --erp-color-red-50: #FFF0EF;
  --erp-color-red-600: #B13A35;
  --erp-color-red-700: #902F2B;
  --erp-color-red-800: #6F1E19;
  --erp-cyan-300: #9DDCE5;
  --erp-cyan-50: #E8F8FA;
  --erp-cyan-600: #0E7490;
  --erp-cyan-700: #0E6B7A;
  --erp-dark-100: #E2E8F0;
  --erp-dark-50: #F8FAFC;
  --erp-dark-500: #64748B;
  --erp-dark-600: #475569;
  --erp-dark-700: #334155;
  --erp-dark-800: #1F2937;
  --erp-dark-850: #172033;
  --erp-dark-900: #111827;
  --erp-dark-950: #0B1220;
  --erp-indigo-300: #BBB5F0;
  --erp-indigo-50: #F1F0FF;
  --erp-indigo-600: #4F46B5;
  --erp-indigo-700: #4338A8;
  --erp-neutral-400: #6B7C8F;
  --erp-neutral-500: #52616F;
  --erp-neutral-800: #273545;
  --erp-neutral-950: #0B1220;
  --erp-orange-300: #F2B94B;
  --erp-orange-50: #FFF7E6;
  --erp-orange-600: #C45A0A;
  --erp-orange-700: #92400E;
  --erp-purple-300: #D5B4ED;
  --erp-purple-50: #F7EEFF;
  --erp-purple-600: #7E3FA3;
  --erp-purple-700: #6B35A3;
  --erp-rose-300: #E6B0C5;
  --erp-rose-50: #FFF0F5;
  --erp-rose-600: #B83267;
  --erp-rose-700: #9B2C59;
  --erp-teal-300: #9DD5CA;
  --erp-teal-50: #EAF8F5;
  --erp-teal-600: #0F766E;
  --erp-teal-700: #0F675A;

  /* FIGMA_LAYER:SEMANTIC | ERP / Semantic | Light | 144 variables */
  --erp-action-danger-bg: var(--erp-color-red-600);
  --erp-action-danger-bg-hover: var(--erp-color-red-700);
  --erp-action-danger-bg-pressed: var(--erp-color-red-800);
  --erp-action-danger-text: var(--erp-color-neutral-0);
  --erp-action-neutral-bg: var(--erp-color-neutral-0);
  --erp-action-neutral-bg-hover: var(--erp-color-neutral-100);
  --erp-action-neutral-border: var(--erp-color-neutral-300);
  --erp-action-neutral-text: var(--erp-color-neutral-700);
  --erp-action-primary-bg: var(--erp-color-blue-600);
  --erp-action-primary-bg-hover: var(--erp-color-blue-700);
  --erp-action-primary-bg-pressed: var(--erp-blue-800);
  --erp-action-primary-text: var(--erp-color-neutral-0);
  --erp-action-secondary-bg: var(--erp-color-blue-50);
  --erp-action-secondary-bg-hover: var(--erp-color-blue-100);
  --erp-action-secondary-bg-pressed: var(--erp-color-blue-100);
  --erp-action-secondary-border: var(--erp-color-blue-300);
  --erp-action-secondary-text: var(--erp-color-blue-600);
  --erp-border-default: var(--erp-color-neutral-200);
  --erp-border-strong: var(--erp-color-neutral-300);
  --erp-brand-identity: var(--erp-color-brand-600);
  --erp-brand-identity-hover: var(--erp-color-brand-700);
  --erp-brand-soft: var(--erp-color-brand-50);
  --erp-category-1-bg: var(--erp-color-blue-50);
  --erp-category-1-border: var(--erp-color-blue-300);
  --erp-category-1-text: var(--erp-color-blue-700);
  --erp-category-2-bg: var(--erp-cyan-50);
  --erp-category-2-border: var(--erp-cyan-300);
  --erp-category-2-text: var(--erp-cyan-700);
  --erp-category-3-bg: var(--erp-indigo-50);
  --erp-category-3-border: var(--erp-indigo-300);
  --erp-category-3-text: var(--erp-indigo-700);
  --erp-category-4-bg: var(--erp-purple-50);
  --erp-category-4-border: var(--erp-purple-300);
  --erp-category-4-text: var(--erp-purple-700);
  --erp-category-5-bg: var(--erp-rose-50);
  --erp-category-5-border: var(--erp-rose-300);
  --erp-category-5-text: var(--erp-rose-700);
  --erp-category-6-bg: var(--erp-brown-50);
  --erp-category-6-border: var(--erp-brown-300);
  --erp-category-6-text: var(--erp-brown-700);
  --erp-category-7-bg: var(--erp-teal-50);
  --erp-category-7-border: var(--erp-teal-300);
  --erp-category-7-text: var(--erp-teal-700);
  --erp-category-8-bg: var(--erp-color-neutral-100);
  --erp-category-8-border: var(--erp-color-neutral-300);
  --erp-category-8-text: var(--erp-color-neutral-700);
  --erp-compat-jst-aftersale-confirmed-bg: var(--erp-color-jst-green-abd46e);
  --erp-compat-jst-aftersale-confirmed-text: var(--erp-color-jst-green-234a1c);
  --erp-compat-jst-aftersale-exchange-text: var(--erp-color-jst-green-18723d);
  --erp-compat-jst-aftersale-item-exchange-in-bg: var(--erp-color-jst-red-ea3323);
  --erp-compat-jst-aftersale-item-exchange-in-text: var(--erp-color-jst-ink-000000);
  --erp-compat-jst-aftersale-item-exchange-out-bg: var(--erp-color-jst-blue-4ba5e6);
  --erp-compat-jst-aftersale-item-exchange-out-text: var(--erp-color-jst-ink-000000);
  --erp-compat-jst-aftersale-item-repair-bg: var(--erp-color-jst-yellow-ffff54);
  --erp-compat-jst-aftersale-item-repair-text: var(--erp-color-jst-ink-000000);
  --erp-compat-jst-aftersale-item-return-bg: var(--erp-color-jst-red-ea3323);
  --erp-compat-jst-aftersale-item-return-text: var(--erp-color-jst-ink-000000);
  --erp-compat-jst-aftersale-neutral-text: var(--erp-color-neutral-900);
  --erp-compat-jst-aftersale-normal-return-text: var(--erp-color-jst-red-b42318);
  --erp-compat-jst-aftersale-pending-bg: var(--erp-color-jst-amber-fde7ab);
  --erp-compat-jst-aftersale-pending-text: var(--erp-color-jst-neutral-525252);
  --erp-compat-jst-order-pre-release-bg: var(--erp-color-jst-green-00a430);
  --erp-compat-jst-order-shipping-bg: var(--erp-color-jst-blue-c6e3ef);
  --erp-compat-jst-order-shipping-text: var(--erp-color-jst-blue-006783);
  --erp-compat-jst-reference-aftersale-selection-bg: var(--erp-color-jst-amber-ffe48d);
  --erp-compat-jst-reference-order-selection-bg: var(--erp-color-jst-green-c6fcbe);
  --erp-control-disabled-bg: var(--erp-color-neutral-100);
  --erp-control-disabled-border: var(--erp-color-neutral-200);
  --erp-control-disabled-text: var(--erp-color-neutral-600);
  --erp-data-categorical-1: var(--erp-color-blue-600);
  --erp-data-categorical-2: var(--erp-cyan-600);
  --erp-data-categorical-3: var(--erp-indigo-600);
  --erp-data-categorical-4: var(--erp-purple-600);
  --erp-data-categorical-5: var(--erp-rose-600);
  --erp-data-categorical-6: var(--erp-brown-600);
  --erp-data-categorical-7: var(--erp-teal-600);
  --erp-data-categorical-8: var(--erp-color-neutral-600);
  --erp-data-diverging-negative: var(--erp-color-red-600);
  --erp-data-diverging-neutral: var(--erp-color-neutral-200);
  --erp-data-diverging-positive: var(--erp-color-green-600);
  --erp-data-sequential-high: var(--erp-color-blue-700);
  --erp-data-sequential-low: var(--erp-color-blue-100);
  --erp-environment-development-bg: var(--erp-orange-50);
  --erp-environment-development-border: var(--erp-orange-300);
  --erp-environment-development-text: var(--erp-orange-700);
  --erp-environment-production-bg: var(--erp-color-brand-50);
  --erp-environment-production-border: var(--erp-color-green-300);
  --erp-environment-production-text: var(--erp-color-brand-700);
  --erp-finance-negative: var(--erp-color-red-700);
  --erp-finance-neutral: var(--erp-color-neutral-700);
  --erp-finance-positive: var(--erp-color-green-700);
  --erp-finance-threshold: var(--erp-color-amber-700);
  --erp-focus-ring: var(--erp-color-blue-600);
  --erp-interaction-pressed-overlay: #E6EEFF;
  --erp-interaction-row-hover-bg: var(--erp-color-neutral-50);
  --erp-interaction-selected-bg: var(--erp-color-blue-50);
  --erp-interaction-selected-border: var(--erp-color-blue-600);
  --erp-link-danger: var(--erp-color-red-600);
  --erp-link-default: var(--erp-color-blue-600);
  --erp-link-hover: var(--erp-color-blue-700);
  --erp-loading-indicator: var(--erp-color-blue-600);
  --erp-loading-skeleton-base: var(--erp-color-neutral-100);
  --erp-loading-skeleton-highlight: var(--erp-color-neutral-0);
  --erp-presence-1: var(--erp-color-blue-600);
  --erp-presence-2: var(--erp-cyan-600);
  --erp-presence-3: var(--erp-purple-600);
  --erp-presence-4: var(--erp-rose-600);
  --erp-state-danger-bg: var(--erp-color-red-50);
  --erp-state-danger-border: var(--erp-color-red-300);
  --erp-state-danger-text: var(--erp-color-red-700);
  --erp-state-info-bg: var(--erp-color-blue-50);
  --erp-state-info-border: var(--erp-color-blue-300);
  --erp-state-info-text: var(--erp-color-blue-700);
  --erp-state-partial-bg: var(--erp-color-amber-50);
  --erp-state-partial-border: var(--erp-color-amber-300);
  --erp-state-partial-text: var(--erp-color-amber-700);
  --erp-state-pending-bg: var(--erp-color-neutral-100);
  --erp-state-pending-border: var(--erp-color-neutral-300);
  --erp-state-pending-text: var(--erp-color-neutral-700);
  --erp-state-running-bg: var(--erp-color-blue-50);
  --erp-state-running-border: var(--erp-color-blue-300);
  --erp-state-running-text: var(--erp-color-blue-700);
  --erp-state-stale-bg: var(--erp-color-amber-50);
  --erp-state-stale-border: var(--erp-color-amber-300);
  --erp-state-stale-text: var(--erp-color-amber-700);
  --erp-state-success-bg: var(--erp-color-green-50);
  --erp-state-success-border: var(--erp-color-green-300);
  --erp-state-success-text: var(--erp-color-green-700);
  --erp-state-warning-bg: var(--erp-color-amber-50);
  --erp-state-warning-border: var(--erp-color-amber-300);
  --erp-state-warning-text: var(--erp-color-amber-700);
  --erp-surface-base: var(--erp-color-neutral-0);
  --erp-surface-raised: var(--erp-color-neutral-25);
  --erp-surface-scrim: rgba(0, 0, 0, 0.46);
  --erp-surface-sidebar-active: var(--erp-color-blue-700);
  --erp-surface-sidebar-bg: var(--erp-neutral-950);
  --erp-surface-sidebar-hover: var(--erp-neutral-800);
  --erp-surface-sidebar-text: var(--erp-color-neutral-100);
  --erp-surface-subtle: var(--erp-color-neutral-50);
  --erp-text-disabled: var(--erp-color-neutral-600);
  --erp-text-inverse: var(--erp-color-neutral-0);
  --erp-text-on-brand: var(--erp-color-neutral-0);
  --erp-text-primary: var(--erp-color-neutral-900);
  --erp-text-secondary: var(--erp-color-neutral-700);

  /* FIGMA_LAYER:COMPONENT | ERP / Component | Default | 169 variables */
  --erp-aftersale-item-role-exchange-in-bg: var(--erp-compat-jst-aftersale-item-exchange-in-bg);
  --erp-aftersale-item-role-exchange-in-text: var(--erp-compat-jst-aftersale-item-exchange-in-text);
  --erp-aftersale-item-role-exchange-out-bg: var(--erp-compat-jst-aftersale-item-exchange-out-bg);
  --erp-aftersale-item-role-exchange-out-text: var(--erp-compat-jst-aftersale-item-exchange-out-text);
  --erp-aftersale-item-role-repair-bg: var(--erp-compat-jst-aftersale-item-repair-bg);
  --erp-aftersale-item-role-repair-text: var(--erp-compat-jst-aftersale-item-repair-text);
  --erp-aftersale-item-role-return-bg: var(--erp-compat-jst-aftersale-item-return-bg);
  --erp-aftersale-item-role-return-text: var(--erp-compat-jst-aftersale-item-return-text);
  --erp-badge-danger-bg: var(--erp-state-danger-bg);
  --erp-badge-danger-border: var(--erp-state-danger-border);
  --erp-badge-danger-text: var(--erp-state-danger-text);
  --erp-badge-pending-bg: var(--erp-state-pending-bg);
  --erp-badge-pending-border: var(--erp-state-pending-border);
  --erp-badge-pending-text: var(--erp-state-pending-text);
  --erp-badge-running-bg: var(--erp-state-running-bg);
  --erp-badge-running-border: var(--erp-state-running-border);
  --erp-badge-running-text: var(--erp-state-running-text);
  --erp-badge-success-bg: var(--erp-state-success-bg);
  --erp-badge-success-border: var(--erp-state-success-border);
  --erp-badge-success-text: var(--erp-state-success-text);
  --erp-badge-warning-bg: var(--erp-state-warning-bg);
  --erp-badge-warning-border: var(--erp-state-warning-border);
  --erp-badge-warning-text: var(--erp-state-warning-text);
  --erp-banner-development-bg: var(--erp-environment-development-bg);
  --erp-banner-development-border: var(--erp-environment-development-border);
  --erp-banner-development-text: var(--erp-environment-development-text);
  --erp-banner-production-bg: var(--erp-environment-production-bg);
  --erp-banner-production-border: var(--erp-environment-production-border);
  --erp-banner-production-text: var(--erp-environment-production-text);
  --erp-button-cancel-bg-default: var(--erp-action-neutral-bg);
  --erp-button-cancel-bg-hover: var(--erp-action-neutral-bg-hover);
  --erp-button-cancel-border: var(--erp-action-neutral-border);
  --erp-button-cancel-text: var(--erp-action-neutral-text);
  --erp-button-danger-bg-default: var(--erp-action-danger-bg);
  --erp-button-danger-bg-hover: var(--erp-action-danger-bg-hover);
  --erp-button-danger-bg-pressed: var(--erp-action-danger-bg-pressed);
  --erp-button-danger-outline-bg-default: var(--erp-surface-raised);
  --erp-button-danger-outline-bg-hover: var(--erp-state-danger-bg);
  --erp-button-danger-outline-bg-pressed: var(--erp-action-danger-bg);
  --erp-button-danger-outline-border-default: var(--erp-state-danger-border);
  --erp-button-danger-outline-border-hover: var(--erp-state-danger-border);
  --erp-button-danger-outline-border-pressed: var(--erp-action-danger-bg);
  --erp-button-danger-outline-text-default: var(--erp-state-danger-text);
  --erp-button-danger-outline-text-hover: var(--erp-state-danger-text);
  --erp-button-danger-outline-text-pressed: var(--erp-action-danger-text);
  --erp-button-danger-text: var(--erp-action-danger-text);
  --erp-button-disabled-bg: var(--erp-control-disabled-bg);
  --erp-button-disabled-border: var(--erp-control-disabled-border);
  --erp-button-disabled-text: var(--erp-control-disabled-text);
  --erp-button-primary-bg-default: var(--erp-action-primary-bg);
  --erp-button-primary-bg-hover: var(--erp-action-primary-bg-hover);
  --erp-button-primary-bg-pressed: var(--erp-action-primary-bg-pressed);
  --erp-button-primary-text: var(--erp-action-primary-text);
  --erp-button-secondary-bg-default: var(--erp-action-secondary-bg);
  --erp-button-secondary-bg-hover: var(--erp-action-secondary-bg-hover);
  --erp-button-secondary-bg-pressed: var(--erp-action-secondary-bg-pressed);
  --erp-button-secondary-border: var(--erp-action-secondary-border);
  --erp-button-secondary-text: var(--erp-action-secondary-text);
  --erp-checkbox-box-bg-default: var(--erp-surface-raised);
  --erp-checkbox-box-bg-disabled: var(--erp-control-disabled-bg);
  --erp-checkbox-box-bg-selected: var(--erp-action-primary-bg);
  --erp-checkbox-box-border-default: var(--erp-border-strong);
  --erp-checkbox-box-border-disabled: var(--erp-control-disabled-border);
  --erp-checkbox-box-border-selected: var(--erp-action-primary-bg);
  --erp-checkbox-icon-disabled: var(--erp-control-disabled-text);
  --erp-checkbox-icon-selected: var(--erp-text-on-brand);
  --erp-control-focus-ring: var(--erp-focus-ring);
  --erp-dialog-bg: var(--erp-surface-raised);
  --erp-dialog-body: var(--erp-text-secondary);
  --erp-dialog-border: var(--erp-border-default);
  --erp-dialog-close-icon: var(--erp-text-secondary);
  --erp-dialog-scrim: var(--erp-surface-scrim);
  --erp-dialog-title: var(--erp-text-primary);
  --erp-input-bg: var(--erp-surface-raised);
  --erp-input-border-default: var(--erp-border-default);
  --erp-input-border-error: var(--erp-state-danger-border);
  --erp-input-border-focus: var(--erp-focus-ring);
  --erp-input-border-hover: var(--erp-border-strong);
  --erp-input-disabled-bg: var(--erp-control-disabled-bg);
  --erp-input-disabled-border: var(--erp-control-disabled-border);
  --erp-input-disabled-text: var(--erp-control-disabled-text);
  --erp-input-placeholder: var(--erp-text-secondary);
  --erp-input-text: var(--erp-text-primary);
  --erp-link-focus-ring: var(--erp-focus-ring);
  --erp-link-text-danger: var(--erp-link-danger);
  --erp-link-text-default: var(--erp-link-default);
  --erp-link-text-hover: var(--erp-link-hover);
  --erp-menu-bg: var(--erp-surface-raised);
  --erp-menu-bg-active: var(--erp-interaction-selected-bg);
  --erp-menu-bg-hover: var(--erp-interaction-row-hover-bg);
  --erp-menu-indicator-active: var(--erp-interaction-selected-border);
  --erp-menu-text-active: var(--erp-action-primary-bg);
  --erp-menu-text-default: var(--erp-text-primary);
  --erp-menu-text-disabled: var(--erp-text-disabled);
  --erp-radio-circle-bg-default: var(--erp-surface-raised);
  --erp-radio-circle-bg-disabled: var(--erp-control-disabled-bg);
  --erp-radio-circle-bg-selected: var(--erp-action-primary-bg);
  --erp-radio-circle-border-default: var(--erp-border-strong);
  --erp-radio-circle-border-disabled: var(--erp-control-disabled-border);
  --erp-radio-circle-border-selected: var(--erp-action-primary-bg);
  --erp-radio-dot-disabled: var(--erp-control-disabled-text);
  --erp-radio-dot-selected: var(--erp-text-on-brand);
  --erp-row-hover-bg: var(--erp-interaction-row-hover-bg);
  --erp-row-selected-bg: var(--erp-interaction-selected-bg);
  --erp-row-selected-border: var(--erp-interaction-selected-border);
  --erp-select-bg: var(--erp-surface-raised);
  --erp-select-border-default: var(--erp-border-default);
  --erp-select-border-error: var(--erp-state-danger-border);
  --erp-select-border-focus: var(--erp-focus-ring);
  --erp-select-border-hover: var(--erp-border-strong);
  --erp-select-disabled-bg: var(--erp-control-disabled-bg);
  --erp-select-disabled-border: var(--erp-control-disabled-border);
  --erp-select-disabled-text: var(--erp-control-disabled-text);
  --erp-select-placeholder: var(--erp-text-secondary);
  --erp-select-text: var(--erp-text-primary);
  --erp-tab-bg-active: var(--erp-interaction-selected-bg);
  --erp-tab-bg-hover: var(--erp-interaction-row-hover-bg);
  --erp-tab-indicator-active: var(--erp-action-primary-bg);
  --erp-tab-text-active: var(--erp-action-primary-bg);
  --erp-tab-text-default: var(--erp-text-secondary);
  --erp-tab-text-hover: var(--erp-link-hover);
  --erp-tag-category-1-bg: var(--erp-category-1-bg);
  --erp-tag-category-1-border: var(--erp-category-1-border);
  --erp-tag-category-1-text: var(--erp-category-1-text);
  --erp-tag-category-2-bg: var(--erp-category-2-bg);
  --erp-tag-category-2-border: var(--erp-category-2-border);
  --erp-tag-category-2-text: var(--erp-category-2-text);
  --erp-tag-category-3-bg: var(--erp-category-3-bg);
  --erp-tag-category-3-border: var(--erp-category-3-border);
  --erp-tag-category-3-text: var(--erp-category-3-text);
  --erp-tag-category-4-bg: var(--erp-category-4-bg);
  --erp-tag-category-4-border: var(--erp-category-4-border);
  --erp-tag-category-4-text: var(--erp-category-4-text);
  --erp-tag-category-5-bg: var(--erp-category-5-bg);
  --erp-tag-category-5-border: var(--erp-category-5-border);
  --erp-tag-category-5-text: var(--erp-category-5-text);
  --erp-tag-category-6-bg: var(--erp-category-6-bg);
  --erp-tag-category-6-border: var(--erp-category-6-border);
  --erp-tag-category-6-text: var(--erp-category-6-text);
  --erp-tag-category-7-bg: var(--erp-category-7-bg);
  --erp-tag-category-7-border: var(--erp-category-7-border);
  --erp-tag-category-7-text: var(--erp-category-7-text);
  --erp-tag-category-8-bg: var(--erp-category-8-bg);
  --erp-tag-category-8-border: var(--erp-category-8-border);
  --erp-tag-category-8-text: var(--erp-category-8-text);
  --erp-toast-danger-bg: var(--erp-state-danger-bg);
  --erp-toast-danger-border: var(--erp-state-danger-border);
  --erp-toast-danger-text: var(--erp-state-danger-text);
  --erp-toast-info-bg: var(--erp-state-info-bg);
  --erp-toast-info-border: var(--erp-state-info-border);
  --erp-toast-info-text: var(--erp-state-info-text);
  --erp-toast-success-bg: var(--erp-state-success-bg);
  --erp-toast-success-border: var(--erp-state-success-border);
  --erp-toast-success-text: var(--erp-state-success-text);
  --erp-toast-warning-bg: var(--erp-state-warning-bg);
  --erp-toast-warning-border: var(--erp-state-warning-border);
  --erp-toast-warning-text: var(--erp-state-warning-text);
  --erp-validation-danger-bg: var(--erp-state-danger-bg);
  --erp-validation-danger-border: var(--erp-state-danger-border);
  --erp-validation-danger-text: var(--erp-state-danger-text);
  --erp-validation-info-bg: var(--erp-state-info-bg);
  --erp-validation-info-border: var(--erp-state-info-border);
  --erp-validation-info-text: var(--erp-state-info-text);
  --erp-validation-success-bg: var(--erp-state-success-bg);
  --erp-validation-success-border: var(--erp-state-success-border);
  --erp-validation-success-text: var(--erp-state-success-text);
  --erp-validation-warning-bg: var(--erp-state-warning-bg);
  --erp-validation-warning-border: var(--erp-state-warning-border);
  --erp-validation-warning-text: var(--erp-state-warning-text);
}