:root {
  /* Afrodita Color Palette - Soft, warm, pastel */
  --bg-main: #FAEDF0; /* Soft pastel pink/beige background */
  --bg-sidebar: #FFFFFF;
  --bg-details: #FFFFFF;
  --bg-chat: #FAEDF0;
  
  --primary: #F0B2B2; /* Dusty pink / peach */
  --primary-hover: #E39999;
  --primary-light: #FBE6E6;
  
  --accent: #B2C8F0; /* Soft periwinkle/blue for contrast */
  --accent-light: #E1EAF8;
  
  --text-main: #3D3D3D;
  --text-muted: #8F8F8F;
  --text-light: #A5A5A5;
  
  --msg-sent: var(--accent-light);
  --msg-sent-text: #2A3B5C;
  --msg-recv: #FFFFFF;
  --msg-recv-text: var(--text-main);
  
  --border: #F0E6E8;
  --divider: #F5EEF0;
  
  --shadow-sm: 0 2px 8px rgba(240, 178, 178, 0.08);
  --shadow-md: 0 8px 24px rgba(240, 178, 178, 0.12);
  --shadow-lg: 0 16px 40px rgba(240, 178, 178, 0.18);
  
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-full: 9999px;

  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  width: 100%;
  background-color: var(--bg-main);
  color: var(--text-main);
  font-family: var(--font-family);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: var(--primary-light);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}