:root {
  --ez-pal-primary: #1B1A16;
  --ez-pal-primary-rgb: 27, 26, 22;
  --ez-pal-secondary: #4F5A35;
  --ez-pal-secondary-rgb: 79, 90, 53;
  --ez-pal-neutral-dark: #090907;
  --ez-pal-neutral-dark-rgb: 9, 9, 7;
  --ez-pal-neutral-light: #F1EBDD;
  --ez-pal-neutral-light-rgb: 241, 235, 221;
  --ez-pal-soft-light: #D8D2C0;
  --ez-pal-soft-light-rgb: 216, 210, 192;
  --ez-pal-success: #7C8A58;
  --ez-pal-success-rgb: 124, 138, 88;
  --ez-pal-warning: #D2A24C;
  --ez-pal-warning-rgb: 210, 162, 76;
  --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);
}