html[data-theme="modern-saas"][data-palette="azure"] {
  --color-primary: #4f46e5;
  --color-primary-rgb: 79 70 229;
  --color-primary-hover: #4338ca;
  --color-primary-dark: #3730a3;
  --color-primary-dark-rgb: 55 48 163;
  --color-primary-10: rgb(79 70 229 / 0.1);
  --color-primary-20: rgb(79 70 229 / 0.18);
  --color-primary-50: rgb(79 70 229 / 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 #4f46e5;
  --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: #818cf8;
  --color-primary-rgb: 129 140 248;
  --color-primary-hover: #a5b4fc;
  --color-primary-dark: #6366f1;
  --color-primary-dark-rgb: 99 102 241;
  --color-primary-10: rgb(129 140 248 / 0.14);
  --color-primary-20: rgb(129 140 248 / 0.22);
  --color-primary-50: rgb(129 140 248 / 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 #818cf8;
  --color-badge-admin-bg: rgb(129 140 248 / 0.18);
  --color-badge-admin-text: #c7d2fe;
  --status-active-bg: rgb(129 140 248 / 0.18);
  --status-active-text: #c7d2fe;
  --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;
}