:root {
  --ez-pal-primary: #2E2226;
  --ez-pal-primary-rgb: 46, 34, 38;
  --ez-pal-secondary: #AA4493;
  --ez-pal-secondary-rgb: 170, 68, 147;
  --ez-pal-neutral-dark: #070708;
  --ez-pal-neutral-dark-rgb: 7, 7, 8;
  --ez-pal-neutral-light: #F8F6F2;
  --ez-pal-neutral-light-rgb: 248, 246, 242;
  --ez-pal-soft-light: #F6EDEB;
  --ez-pal-soft-light-rgb: 246, 237, 235;
  --ez-pal-success: #A8AFAD;
  --ez-pal-success-rgb: 168, 175, 173;
  --ez-pal-warning: #FFC107;
  --ez-pal-warning-rgb: 255, 193, 7;
  --ez-pal-status-open: #2ECC71;
  --ez-pal-status-open-rgb: 46, 204, 113;
  --ez-pal-status-closed: #E74C3C;
  --ez-pal-status-closed-rgb: 231, 76, 60;
  --ez-pal-whatsapp: #25D366;
  --ez-pal-whatsapp-rgb: 37, 211, 102;
  --ez-theme-bg-main-rgb: var(--ez-pal-neutral-dark-rgb);
  --ez-theme-bg-soft-rgb: var(--ez-pal-neutral-dark-rgb);
  --body-overlay: rgba(var(--ez-theme-bg-main-rgb), 0);
  --ez-dyn-app-bg: linear-gradient(180deg, rgba(var(--ez-theme-bg-main-rgb), 0.96) 0%, rgba(var(--ez-theme-bg-main-rgb), 0.92) 42%, rgba(var(--ez-theme-bg-soft-rgb), 0.88) 100%);
  --ez-dyn-hero-overlay: linear-gradient(to bottom, rgba(var(--ez-pal-primary-rgb), 0.12) 0%, var(--ez-theme-bg-main) 100%);
  --ez-badge-bg: var(--ez-theme-bg-main);
  --ez-badge-border: var(--ez-theme-text-main);
  --ez-avatar-border: var(--ez-theme-bg-main);
  --ez-avatar-bg: var(--ez-theme-text-main);
}

html[data-theme="light"] {
  --ez-theme-bg-main-rgb: var(--ez-pal-neutral-light-rgb);
  --ez-theme-bg-soft-rgb: var(--ez-pal-soft-light-rgb);
}

html[data-theme="dark"] {
  --ez-theme-bg-main-rgb: var(--ez-pal-neutral-dark-rgb);
  --ez-theme-bg-soft-rgb: var(--ez-pal-neutral-dark-rgb);
}