@tailwind base;
@tailwind components;
@tailwind utilities;

/* Material Design 3 (MD3) Design Tokens for Botsogo Health Hub */
:root {
  --md-sys-color-primary: #b3261e;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #ffdad6;
  --md-sys-color-on-primary-container: #410002;
  --md-sys-color-surface: #fdf8f6;
  --md-sys-color-on-surface: #1d1b1e;
  --md-sys-color-surface-variant: #e7e0ec;
  --md-sys-color-on-surface-variant: #49454f;
  --md-sys-color-surface-container: #f7f2fa;
  --md-sys-color-surface-container-high: #ece6f0;
  --md-sys-color-scrim: #000000;
  --md-sys-color-outline: #79747e;
  --md-sys-color-error: #b3261e;
  --md-sys-color-on-error: #ffffff;
}

/* Global box-sizing and image responsiveness */
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}

/* Ensure no horizontal overflow */
html, body, #app {
  overflow-x: hidden;
}