body {
  /* Catppuccin Macchiato color palette */
  --rosewater: #f4dbd6;
  --flamingo: #f0c6c6;
  --pink: #f5bde6;
  --mauve: #c6a0f6;
  --red: #ed8796;
  --maroon: #ee99a0;
  --peach: #f5a97f;
  --yellow: #eed49f;
  --green: #a6da95;
  --teal: #8bd5ca;
  --sky: #91d7e3;
  --sapphire: #7dc4e4;
  --blue: #8aadf4;
  --lavender: #b7bdf8;
  --text: #cad3f5;
  --subtext1: #b8c0e0;
  --subtext0: #a5adcb;
  --overlay2: #939ab7;
  --overlay1: #8087a2;
  --overlay0: #6e738d;
  --surface2: #5b6078;
  --surface1: #494d64;
  --surface0: #363a4f;
  --base: #24273a;
  --mantle: #1e2030;
  --crust: #181926;

  /* Predefined colors */
  /* --bg_color: var(--mantle); */
  --bg_color: var(--base);
  --fg_color: var(--text);
  --fg_faded: var(--subtext1);
  --fg_dark: var(--accent);
  --fg_nav: var(--accent);

  /* --bg_panel: var(--crust);
  --bg_elements: var(--base);
  --bg_overlays: var(--base); */
  --bg_panel: var(--mantle);
  --bg_elements: var(--crust);
  --bg_overlays: var(--mantle);
  --bg_hover: var(--crust);

  --grey: var(--subtext1);
  --dark_grey: var(--overlay0);
  --darker_grey: var(--base);
  --darkest_grey: var(--mantle);
  --border_grey: var(--base);

  --accent: var(--rosewater);
  --accent_light: hsl(10, 56%, 96%); /* increase lightness by 5% */
  --accent_dark: hsl(10, 56%, 86%); /* decrease lightness by 5% */
  --accent_border: hsl(10, 56%, 86%);

  --play_button: var(--accent);
  --play_button_hover: var(--accent);

  --more_replies_dots: hsl(10, 56%, 86%);
  --error_red: var(--red);

  --verified_blue: var(--blue);
  --icon_text: var(--text);

  --tab: var(--text);
  --tab_selected: var(--accent);

  --profile_stat: var(--text);

  /* Catppuccin tweaks */
  /* background-color: var(--bg_color);
  color: var(--fg_color);
  line-height: 1.3;
  margin: 0; */

  /* Fix Poll Leader color */
  /* Text is illegible when using light accents otherwise */
  .poll-meter.leader {
    color: var(--bg_color);
  }
}