body {
  /* Catppuccin Frappe color palette */
  --rosewater: #f2d5cf;
  --flamingo: #eebebe;
  --pink: #f4b8e4;
  --mauve: #ca9ee6;
  --red: #e78284;
  --maroon: #ea999c;
  --peach: #ef9f76;
  --yellow: #e5c890;
  --green: #a6d189;
  --teal: #81c8be;
  --sky: #99d1db;
  --sapphire: #85c1dc;
  --blue: #8caaee;
  --lavender: #babbf1;
  --text: #c6d0f5;
  --subtext1: #b5bfe2;
  --subtext0: #a5adce;
  --overlay2: #949cbb;
  --overlay1: #838ba7;
  --overlay0: #737994;
  --surface2: #626880;
  --surface1: #51576d;
  --surface0: #414559;
  --base: #303446;
  --mantle: #292c3c;
  --crust: #232634;

  /* 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);
  }
}