/* light mode */
:root {
  --main-background-color: #ffffff;
  --main-background-color-inver: #0a0a0a;
  --container-dark-background-color: #f2f1f7;
  --dark-background-color: #f5f5f5;
  --main-dark-gray: #808080;
  --main-darker-gray: #797979c2;
  --main-light-gray: #e5e5e5;
  --border-color: rgba(0, 0, 0, 0.04);
  --border-light-color: rgba(0, 0, 0, 0.1);
  --dark-border-color: rgba(0, 0, 0, 0.2);

  --main-background-color-notes: #f2f2f6;

  --dark-item-icon: rgb(151, 151, 151);
  --dark-item-icon-background: #fff;
  --dark-item-icon-second-background: #dadada;
  --dark-input-color: rgba(255, 255, 255, 0.87);
  --common-input-background: #eeeeef;

  --second-border-color: rgba(0, 0, 0, 0.1);

  --blue-text: #3291fe;
  --text-color: #000;
  --text-color-old-notification: #000;
  --invert-text-color: #fff;
  --stroke-invert-text-color: black;
  --bg-shadow: rgba(0, 0, 0, 0.2);

  --battery-border-black: hsla(0, 0%, 0%, .5);
  --battery-border-white: hsla(0, 0%, 100%, .5);

  --phone-keypad-background: #e5e5e5;
  --phone-shared-background: #f7f7f7;

  --notification-old-background: rgb(150 150 150 / 0.3);
  --notification-lockscreen: rgb(174, 173, 177, 0.7);
  --notification-lockscreen-text-bold: black;
  --notification-lockscreen-text: rgba(0, 0, 0, 0.9);

  --whatsapp-bubble-color: #ffffff;
  --whatsapp-bubble-color-personal: #cef7a7;
  --whatsapp-background-color: #ebebeb;
  --whatsapp-alert-background-color: #faedb2;

  --emojinarea-background-color: #ffffff;

  --main-background-color-reminders: #f2f1f7;
  --main-superficial-color: #ffff;

  --container-gallery-background-color: #f2f1f7b7;
  --container-gallery-box-color: rgba(0, 0, 0, 0.3);

  --keyboard-background: #eceef2;
  --keyboard-key: #ffffff;
  --keyboard-delete: #cdd2de;

  --widget-background: rgba(245, 245, 245, 0.3);
  --calendar-widget: #fff;

  --phone-footer-background: rgba(255, 255, 255, 0.1);

  --weazel-background: #f8f8fa;
  --weazel-boxes: white;
  --weazel-post-creator: #f8f8fa;
  --weazel-post-input: rgba(0, 0, 0, 0.1);

  --messages-bubble-background: #e9e9e9;

  --instagram-button-dark: #eaeaea;

  --contacts-background-boxes: #ffffff;
  --contacts-background-view: #f2f1f6;

  --twitter-background-container: #ffffff;
  --twitter-dark-chat: #8b8b8b;

  --market-bubble-chat: #0095f6;

  --background-settings: #f2f1f6;
  --background-settings-tabs: #ffffff;
  --border-settings: #e5e1e1;

  --background-opacity: rgba(255, 255, 255, 0.9);
}

/* dark mode */
:root :has([name=theme][value=dark]:checked) {
  --main-background-color: #0a0a0a;
  --main-background-color-inver: #fff;
  --dark-background-color: rgba(255, 255, 255, 0.08);
  --container-dark-background-color: #212124;
  --main-dark-gray: #808080;
  --main-darker-gray: #797979c2;
  --main-light-gray: #e5e5e5;
  --second-border-color: rgba(255, 255, 255, 0.1);

  --main-background-color-notes: #0a0a0a;

  --dark-item-icon: dimgray;
  --dark-item-icon-background: #525252d7;
  --dark-item-icon-second-background: #252525d7;
  --dark-input-color: rgba(54, 54, 54, 0.87);
  --common-input-background: rgba(255, 255, 255, 0.08);

  --blue-text: #3291fe;
  --text-color: #fff;
  --text-color-old-notification: #c4c4c4;
  --invert-text-color: #000;
  --stroke-invert-text-color: white;

  --border-color: rgba(255, 255, 255, 0.04);
  --border-light-color: rgba(255, 255, 255, 0.1);
  --dark-border-color: rgba(255, 255, 255, 0.2);
  --bg-shadow: rgba(255, 255, 255, 0.2);

  --battery-border-black: hsla(0, 0%, 0%, .5);
  --battery-border-white: hsla(0, 0%, 100%, .5);

  --phone-keypad-background: #333333;
  --phone-shared-background: #242424;

  --notification-old-background: rgba(61, 61, 61, 0.4);
  --notification-lockscreen: rgba(30, 30, 30, 0.8);
  --notification-lockscreen-text-bold: rgb(214, 214, 214);
  --notification-lockscreen-text: rgba(214, 214, 214, 0.6);

  --whatsapp-bubble-color: #525355;
  --whatsapp-bubble-color-personal: #075E54;
  --whatsapp-background-color: #1c1c1d;
  --whatsapp-alert-background-color: rgba(0, 0, 0, 0.5);

  --emojinarea-background-color: #303031;

  --main-background-color-reminders: #0a0a0a;
  --main-superficial-color: rgba(255, 255, 255, 0.08);

  --container-gallery-background-color: rgba(51, 51, 51, 0.8);
  --dark-background-color: rgba(255, 255, 255, 0.08);

  --keyboard-background: #242426;
  --keyboard-key: #68686a;
  --keyboard-delete: #404042;

  --widget-background: rgba(0, 0, 0, 0.5);
  --calendar-widget: rgb(30, 30, 30);

  --phone-footer-background: rgba(10, 10, 10, 0.3);

  --weazel-background: #0a0a0a;
  --weazel-boxes: #212124;
  --weazel-post-creator: rgb(30, 30, 30);
  --weazel-post-input: rgba(54, 54, 54, 0.87);

  --messages-bubble-background: #262628;

  --instagram-button-dark: #212124;

  --contacts-background-boxes: #1c1c1e;
  --contacts-background-view: #0a0a0a;

  --twitter-background-container: black;
  --twitter-dark-chat: #222222;

  --market-bubble-chat: #1683cc;

  --background-settings: #0a0a0a;
  --background-settings-tabs: #1c1c1e;
  --border-settings: #2b2b2d;

  --background-opacity: rgba(0, 0, 0, 0.9);
}