:root {
  --ez-pal-primary: #4A4A4A;
  --ez-pal-primary-rgb: 74, 74, 74;
  --ez-pal-secondary: #E31837;
  --ez-pal-secondary-rgb: 227, 24, 55;
  --ez-pal-neutral-dark: #0D0D0D;
  --ez-pal-neutral-dark-rgb: 13, 13, 13;
  --ez-pal-neutral-light: #FFFFFF;
  --ez-pal-neutral-light-rgb: 255, 255, 255;
  --ez-pal-soft-light: #F0EFEA;
  --ez-pal-soft-light-rgb: 240, 239, 234;
  --ez-pal-success: #28A745;
  --ez-pal-success-rgb: 40, 167, 69;
  --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-pal-primary-rgb), 0.25);
  --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.2) 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);
}