[data-theme-color="blue"] {
    --gray-50: #f5f7fb;
    --gray-100: #e9edf3;
    --gray-200: #d4dbe8;
    --gray-300: #b9c5d9;
    --gray-400: #8898b8;
    --gray-500: #637290;
    --gray-600: #505c74;
    --gray-700: #3d4658;
    --gray-800: #2a303e;
    --gray-900: #191c24;
    --gray-1000: #0f1116;
    --gray-1100: #0a0b0e;
    --gray-1200: #050608;

    --cp-primary-50: #eff6ff;
    --cp-primary-100: #dbeafe;
    --cp-primary-200: #bfdbfe;
    --cp-primary-300: #93c5fd;
    --cp-primary-400: #60a5fa;
    --cp-primary-500: #4f8cff;
    --cp-primary-600: #4378e8;
    --cp-primary-700: #3865cc;
    --cp-primary-800: #2d52b0;
    --cp-primary-900: #1f3a8a;
    --cp-primary-1000: #162a6d;
    --cp-primary-1100: #0d1f55;
    --cp-primary-1200: #081641;
    --cp-primary-a100: #b3d9ff;
    --cp-primary-a200: #80bfff;
    --cp-primary-a400: #4c95ff;
    --cp-primary-a700: #3877e8;

    --cp-secondary-50: #f0f0ff;
    --cp-secondary-100: #e0e0ff;
    --cp-secondary-200: #c7c7ff;
    --cp-secondary-300: #a5a5ff;
    --cp-secondary-400: #8282ff;
    --cp-secondary-500: #667eea;
    --cp-secondary-600: #5a6fe0;
    --cp-secondary-700: #4d62c4;
    --cp-secondary-800: #4054a8;
    --cp-secondary-900: #2e3a7a;
    --cp-secondary-1000: #242d61;
    --cp-secondary-1100: #1a2249;
    --cp-secondary-1200: #111937;
    --cp-secondary-a100: #d4d4ff;
    --cp-secondary-a200: #b0b0ff;
    --cp-secondary-a400: #8c8cff;
    --cp-secondary-a700: #667eea;

    --cp-primary-light: #93c5fd;
    --cp-primary-mid: #4f8cff;
    --cp-primary-dark: #3865cc;
    --cp-primary-foreground: #ffffff;

    --cp-secondary-light: #a5a5ff;
    --cp-secondary-mid: #667eea;
    --cp-secondary-dark: #4d62c4;
    --cp-secondary-foreground: #ffffff;

    --cp-sidebar-bg-start: #1a1f36;
    --cp-sidebar-bg-end: #2d3250;
    --cp-sidebar-active-border: #4f8cff;
    --cp-sidebar-active-bg: rgba(79, 140, 255, 0.15);
    --cp-sidebar-divider: rgba(255, 255, 255, 0.08);
    --primary-color: #4f8cff;
    --primary-hover: #4378e8;
    --primary-light: #93c5fd;
    --accent-light: #eff6ff;
    --login-bg-start: #667eea;
    --login-bg-end: #764ba2;
    --login-brand-start: #1a1f36;
    --login-brand-mid: #2d3561;
    --login-brand-end: #3b4f8a;
    --login-brand-text: #fff;
    --login-brand-desc: rgba(255,255,255,0.65);
    --login-brand-feature: rgba(255,255,255,0.8);
    --login-brand-footer: rgba(255,255,255,0.3);
    --stat-icon-bg: rgba(79, 140, 255, 0.1);
    --stat-icon-color: #4f8cff;
    --btn-primary-bg: #4f8cff;
    --btn-primary-border: #4f8cff;
    --link-color: #4f8cff;
    --table-striped-themed-bg: rgba(79, 140, 255, 0.08);
    --cp-border-focus: #4f8cff;
}

[data-theme="dark"][data-theme-color="blue"] {
    --cp-sidebar-bg-start: #0f1324;
    --cp-sidebar-bg-end: #1a1f36;
    --cp-sidebar-active-border: #60a5fa;
    --cp-sidebar-active-bg: rgba(79, 140, 255, 0.2);
    --cp-sidebar-divider: rgba(255, 255, 255, 0.06);
    --accent-light: rgba(79, 140, 255, 0.1);
    --stat-icon-bg: rgba(79, 140, 255, 0.15);
    --stat-icon-color: #60a5fa;
    --table-striped-themed-bg: rgba(79, 140, 255, 0.1);
}