html[data-theme="modern-saas"][data-palette="azure"] {
  --color-primary: #2563eb;
  --color-primary-rgb: 37 99 235;
  --color-primary-hover: #1d4ed8;
  --color-primary-dark: #1e40af;
  --color-primary-dark-rgb: 30 64 175;
  --color-primary-10: rgb(37 99 235 / 0.1);
  --color-primary-20: rgb(37 99 235 / 0.18);
  --color-primary-50: rgb(37 99 235 / 0.5);

  --color-accent: #2563eb;
  --color-accent-rgb: 37 99 235;
  --color-accent-dark: #1d4ed8;
  --color-accent-dark-rgb: 29 78 216;
  --color-accent-10: rgb(37 99 235 / 0.1);
  --color-accent-20: rgb(37 99 235 / 0.18);
  --color-accent-50: rgb(37 99 235 / 0.5);

  --shadow-focus: 0 0 0 2px #ffffff, 0 0 0 5px #2563eb;
  --color-badge-admin-bg: #dbeafe;
  --color-badge-admin-text: #1d4ed8;
  --status-active-bg: #dbeafe;
  --status-active-text: #1d4ed8;
  --color-info: #2563eb;
  --color-info-bg: #eff6ff;
  --color-info-border: #bfdbfe;
  --color-info-text: #1e3a8a;
  --color-auth-showcase: #ffffff;
}

html[data-theme="modern-saas"][data-palette="azure"].dark {
  --color-primary: #60a5fa;
  --color-primary-rgb: 96 165 250;
  --color-primary-hover: #93c5fd;
  --color-primary-dark: #3b82f6;
  --color-primary-dark-rgb: 59 130 246;
  --color-primary-10: rgb(96 165 250 / 0.14);
  --color-primary-20: rgb(96 165 250 / 0.22);
  --color-primary-50: rgb(96 165 250 / 0.5);

  --color-accent: #60a5fa;
  --color-accent-rgb: 96 165 250;
  --color-accent-dark: #3b82f6;
  --color-accent-dark-rgb: 59 130 246;
  --color-accent-10: rgb(96 165 250 / 0.12);
  --color-accent-20: rgb(96 165 250 / 0.2);
  --color-accent-50: rgb(96 165 250 / 0.5);

  --shadow-focus: 0 0 0 2px #020617, 0 0 0 5px #60a5fa;
  --color-badge-admin-bg: rgb(96 165 250 / 0.18);
  --color-badge-admin-text: #bfdbfe;
  --status-active-bg: rgb(96 165 250 / 0.18);
  --status-active-text: #bfdbfe;
  --color-info: #60a5fa;
  --color-info-bg: rgb(96 165 250 / 0.12);
  --color-info-border: rgb(96 165 250 / 0.22);
  --color-info-text: #bfdbfe;
  --color-auth-showcase: #0f172a;
}