:root {
  --background: #F9F9F9;
  --surface: #FFFFFF;
  --text: #162B3A;
  --text-muted: #526573;
  --border: #8093A0;
  --primary: #005E9E;
  --on-primary: #FFFFFF;
  --secondary: #88FACA;
  --on-secondary: #123D32;
  --bubble-sent: #005E9E;
  --on-bubble-sent: #FFFFFF;
  --bubble-received: #E7EFF5;
  --on-bubble-received: #162B3A;
  --success: #176A43;
  --warning: #875000;
  --error: #B42335;
  --info: #005E9E;
  --disabled: #E3E8EC;
  --on-disabled: #526573;
  --focus: #005E9E;
}

@media (prefers-color-scheme: dark) {
  :root {
  --background: #0C1924;
  --surface: #142735;
  --text: #F2F6FA;
  --text-muted: #B3C4D1;
  --border: #6A8598;
  --primary: #8ACBFA;
  --on-primary: #072A42;
  --secondary: #88FACA;
  --on-secondary: #123D32;
  --bubble-sent: #005E9E;
  --on-bubble-sent: #FFFFFF;
  --bubble-received: #243C4E;
  --on-bubble-received: #F2F6FA;
  --success: #88FACA;
  --warning: #FFD083;
  --error: #FFABB5;
  --info: #8ACBFA;
  --disabled: #2D4354;
  --on-disabled: #B3C4D1;
  --focus: #8ACBFA;
  }
}