/**
 * notion-enhancer: material ocean
 * (c) 2020 Abubakar Yagoub <i@blacksuan19.me> (https://blacksuan19.tk)
 * (https://notion-enhancer.github.io/) under the MIT license
 */

:root.dark {
  --ocean--main: #0f111a;
  --ocean--sec: #00010a;
  --ocean--tet: #000108;
  --ocean--accent: #ff4151;
  --ocean--gray: #e0e0e0;
  --ocean--brown: #d8b6a6;
  --ocean--orange: #fde3c0;
  --ocean--yellow: #ebcb8b;
  --ocean--green: #a3be8c;
  --ocean--blue: #81a1c1;
  --ocean--purple: #b48ead;
  --ocean--pink: #ffc0cb;
  --ocean--red: #bf616a;

  --theme--accent_blue: var(--ocean--accent);
  --theme--accent_blue-selection: rgba(255, 65, 81, 0.2);
  --theme--accent_blue-hover: #fc3747;
  --theme--accent_blue-active: #ff4d5c;
  --theme--accent_blue-text: #fff;
  --theme--accent_red: var(--ocean--accent);
  --theme--accent_red-button: #ff41514b;
  --theme--accent_red-text: #fff;

  --theme--bg: var(--ocean--main);
  --theme--bg_secondary: var(--ocean--sec);
  --theme--bg_card: var(--ocean--sec);

  --theme--scrollbar_track: transparent;
  --theme--scrollbar_thumb: var(--ocean--sec);
  --theme--scrollbar_thumb-hover: var(--ocean--accent);

  --theme--ui_divider: rgba(255, 255, 255, 0.1);
  --theme--ui_interactive-hover: rgb(0, 1, 8, 0.3);
  --theme--ui_interactive-active: rgb(0, 1, 8, 0.6);
  --theme--ui_toggle-off: #30313c;
  --theme--ui_corner_action: var(--theme--bg_card);
  --theme--ui_corner_action-hover: var(--theme--ui_interactive-hover);
  --theme--ui_corner_action-active: var(--theme--ui_interactive-active);

  --theme--icon: var(--ocean--gray);
  --theme--icon_secondary: var(--ocean--gray);

  --theme--text: #fff;
  --theme--text_secondary: var(--ocean--gray);
  --theme--text_gray: var(--ocean--gray);
  --theme--text_brown: var(--ocean--brown);
  --theme--text_orange: var(--ocean--orange);
  --theme--text_yellow: var(--ocean--yellow);
  --theme--text_green: var(--ocean--green);
  --theme--text_blue: var(--ocean--blue);
  --theme--text_purple: var(--ocean--purple);
  --theme--text_pink: var(--ocean--pink);
  --theme--text_red: var(--ocean--red);

  --theme--highlight_gray: var(--ocean--gray);
  --theme--highlight_gray-text: var(--ocean--main);
  --theme--highlight_brown: var(--ocean--brown);
  --theme--highlight_brown-text: var(--ocean--main);
  --theme--highlight_orange: var(--ocean--orange);
  --theme--highlight_orange-text: var(--ocean--main);
  --theme--highlight_yellow: var(--ocean--yellow);
  --theme--highlight_yellow-text: var(--ocean--main);
  --theme--highlight_green: var(--ocean--green);
  --theme--highlight_green-text: var(--ocean--main);
  --theme--highlight_blue: var(--ocean--blue);
  --theme--highlight_blue-text: var(--ocean--main);
  --theme--highlight_purple: var(--ocean--purple);
  --theme--highlight_purple-text: var(--ocean--main);
  --theme--highlight_pink: var(--ocean--pink);
  --theme--highlight_pink-text: var(--ocean--main);
  --theme--highlight_red: var(--ocean--red);
  --theme--highlight_red-text: var(--ocean--main);

  --theme--callout_gray: #e0e0e089;
  --theme--callout_gray-text: var(--ocean--main);
  --theme--callout_brown: #d8b6a692;
  --theme--callout_brown-text: var(--ocean--main);
  --theme--callout_orange: #fde3c09f;
  --theme--callout_orange-text: var(--ocean--main);
  --theme--callout_yellow: #ffe6a6ad;
  --theme--callout_yellow-text: var(--ocean--main);
  --theme--callout_green: #a3be8ca3;
  --theme--callout_green-text: var(--ocean--main);
  --theme--callout_blue: #81a1c1a3;
  --theme--callout_blue-text: var(--ocean--main);
  --theme--callout_purple: #b48eada8;
  --theme--callout_purple-text: var(--ocean--main);
  --theme--callout_pink: #ffc0cbb1;
  --theme--callout_pink-text: var(--ocean--main);
  --theme--callout_red: #bf616a9e;
  --theme--callout_red-text: var(--ocean--main);

  --theme--tag_default: var(--ocean--gray);
  --theme--tag_default-text: var(--ocean--main);
  --theme--tag_gray: var(--theme--highlight_gray);
  --theme--tag_gray-text: var(--ocean--main);
  --theme--tag_brown: var(--theme--highlight_brown);
  --theme--tag_brown-text: var(--ocean--main);
  --theme--tag_orange: var(--theme--highlight_orange);
  --theme--tag_orange-text: var(--ocean--main);
  --theme--tag_yellow: var(--theme--highlight_yellow);
  --theme--tag_yellow-text: var(--ocean--main);
  --theme--tag_green: var(--theme--highlight_green);
  --theme--tag_green-text: var(--ocean--main);
  --theme--tag_blue: var(--theme--highlight_blue);
  --theme--tag_blue-text: var(--ocean--main);
  --theme--tag_purple: var(--theme--highlight_purple);
  --theme--tag_purple-text: var(--ocean--main);
  --theme--tag_pink: var(--theme--highlight_pink);
  --theme--tag_pink-text: var(--ocean--main);
  --theme--tag_red: var(--theme--highlight_red);
  --theme--tag_red-text: var(--ocean--main);

  --theme--board_gray: var(--theme--highlight_gray);
  --theme--board_gray-text: var(--theme--highlight_gray-text);
  --theme--board_gray-card: rgba(0, 0, 0, 0.075);
  --theme--board_brown: var(--theme--highlight_brown);
  --theme--board_brown-text: var(--theme--highlight_brown-text);
  --theme--board_brown-card: rgba(0, 0, 0, 0.075);
  --theme--board_orange: var(--theme--highlight_orange);
  --theme--board_orange-text: var(--theme--highlight_orange-text);
  --theme--board_orange-card: rgba(0, 0, 0, 0.075);
  --theme--board_yellow: var(--theme--highlight_yellow);
  --theme--board_yellow-text: var(--theme--highlight_yellow-text);
  --theme--board_yellow-card: rgba(0, 0, 0, 0.075);
  --theme--board_green: var(--theme--highlight_green);
  --theme--board_green-text: var(--theme--highlight_green-text);
  --theme--board_green-card: rgba(0, 0, 0, 0.075);
  --theme--board_blue: var(--theme--highlight_blue);
  --theme--board_blue-text: var(--theme--highlight_blue-text);
  --theme--board_blue-card: rgba(0, 0, 0, 0.075);
  --theme--board_purple: var(--theme--highlight_purple);
  --theme--board_purple-text: var(--theme--highlight_purple-text);
  --theme--board_purple-card: rgba(0, 0, 0, 0.075);
  --theme--board_pink: var(--theme--highlight_pink);
  --theme--board_pink-text: var(--theme--highlight_pink-text);
  --theme--board_pink-card: rgba(0, 0, 0, 0.075);
  --theme--board_red: var(--theme--highlight_red);
  --theme--board_red-text: var(--theme--highlight_red-text);
  --theme--board_red-card: rgba(0, 0, 0, 0.075);

  --theme--code_inline: var(--ocean--sec);
  --theme--code_inline-text: #b3f5c8;

  --theme--code: var(--ocean--sec);
  --theme--code_function: var(--theme--text_blue);
  --theme--code_keyword: var(--theme--text_pink);
  --theme--code_tag: var(--theme--text_pink);
  --theme--code_operator: var(--theme--text_yellow);
  --theme--code_property: var(--theme--text_pink);
  --theme--code_builtin: var(--theme--text_yellow);
  --theme--code_attr-name: var(--theme--text_yellow);
  --theme--code_comment: var(--theme--text_gray);
  --theme--code_punctuation: var(--theme--text_gray);
  --theme--code_doctype: var(--theme--text_gray);
  --theme--code_number: var(--theme--text_purple);
  --theme--code_selector: var(--theme--text_orange);
  --theme--code_atrule: var(--theme--text_orange);
  --theme--code_regex: var(--theme--text_yellow);
}