/* PP Neue Montreal Font - included with the library */
@font-face {
  font-family: 'PPNeueMontreal-Medium';
  src: url('./fonts/PPNeueMontreal-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body,
html {
  margin: 0;
  padding: 0;
  /* height: 100%; */
  font-family: "PPNeueMontreal-Medium", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif; /* Default font for chatbot */
}

:root {
  /* Typography scales */
  --font-size-small: 12px;
  --font-size-medium: 16px;
  --font-size-large: 18px;
  --font-size-title: 22px;

  --icon-size-small: 16px;
  --icon-size-medium: 24px;
  --icon-size-large: 32px;

  /* Zenegy Design System 2025 – Color Palette */
  
  /* Base colors */
  --z-black: #000000;
  --z-white: #ffffff;

  /* Deep Lavender / Night Sky (Primary) */
  --z-night-sky: #120C2B;
  --z-deep-lavender-base: #331070;
  --z-deep-lavender-base-hover: #2B0E60;
  --z-deep-lavender-light: #9D94FF;
  --z-lavender-menu-item-hover: #EBE6FF;
  
  /* Monochrome scale */
  --z-grey-900: #111111;   /* L5 - darkest grey */
  --z-grey-700: #393222;   /* L20 - medium grey */
  --z-grey-600: #808080;
  --z-grey-500: #999999;   /* Mid grey for muted text */
  --z-grey-400: #cacaca;   /* Light grey */
  
  /* Surface colors */
  --z-surface: #ffffff;
  --z-surface-muted: #f6f6f8;
  --z-surface-muted-two: #efeff9;
  --z-surface-muted-three: #f0f0f0;
  
  /* System colors */
  --z-success: #27C966;
  --z-success-light: #C7F4D9;
  --z-error: #F42C12;
  --z-error-light: #F4C7C7;
  --z-warning: #FFC012;
  --z-warning-light: #FFFAE6;
  --z-info: #0142A2;
  --z-info-light: #DCEAFF;

  /* Opacity variants for hover/active states */
  --z-surface-muted-hover: rgba(246, 246, 248, 0.8);
  --z-grey-700-subtle: rgba(57, 50, 34, 0.1);
  --z-night-sky-subtle: rgba(18, 12, 43, 0.05);
  --z-night-sky-hover: rgba(18, 12, 43, 0.1);
  --z-night-sky-medium: rgba(18, 12, 43, 0.3);
  --z-black-overlay: rgba(0, 0, 0, 0.8);
  --z-black-semi: rgba(0, 0, 0, 0.5);
  --z-black-medium: rgba(0, 0, 0, 0.7);
  
  /* Shadows */
  --z-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --z-shadow-md: 0 4px 6px rgba(18, 12, 43, 0.1);
  --z-shadow-lg: 0 4px 8px rgba(18, 12, 43, 0.15);
  --z-shadow-night: 0 2px 4px rgba(18, 12, 43, 0.3);
}

/* --- Dixa Widget - customer support */
.dixa-messenger-namespace
#dixa-messenger-widget-wrapper-4a35c569e0864a06b6ffa88d4f9ff680 {
  position: fixed !important;
  top: 85px !important;
  right: 30px !important;
  left: auto !important;
  bottom: auto !important;

  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-20px) !important;

  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0s linear 0.25s !important;

  pointer-events: none !important;
  z-index: 2147483647 !important;
}

.dixa-messenger-is-open
.dixa-messenger-namespace
#dixa-messenger-widget-wrapper-4a35c569e0864a06b6ffa88d4f9ff680 {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;

  transition:
    opacity 0.25s ease,
    transform 0.25s ease !important;

  pointer-events: auto !important;
}