/*
 * dracula
 * (c) 2020 @mimishahzad386#5651
 * (c) 2020 dracula
 * (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (c) 2020 Alexa Baldon (https://github.com/runargs)
 * (c) 2020 CloudHill
 * under the MIT license
 */

:root {

  /* PALETTE */

  --theme_dracula--bg: #282a36;  
  --theme_dracula--bg_lighter: #424450;
  --theme_dracula--bg_light: #343746;
  --theme_dracula--bg_dark: #21222c;
  --theme_dracula--bg_darker: #191a21;
  
  --theme_dracula--fg: #f8f8f2;
  --theme_dracula--fg_dark: #babbba;

  --theme_dracula--comment: #6272a4;
  --theme_dracula--selection: #44475a;
  --theme_dracula--line_highlight: #44475a75;

  --theme_dracula--gray: var(--theme_dracula--fg_dark);
  --theme_dracula--brown: #6272a4;
  --theme_dracula--orange: #ffb86c;
  --theme_dracula--yellow: #f1fa8c;
  --theme_dracula--green: #50fa7b;
  --theme_dracula--blue: #8be9fd;
  --theme_dracula--purple: #bd93f9;
  --theme_dracula--pink: #ff79c6;
  --theme_dracula--red: #ff5555;

  --theme_dracula--bg_gray: var(--theme_dracula--bg_light);
  --theme_dracula--bg_brown: #465079;
  --theme_dracula--bg_orange: #8a6345;
  --theme_dracula--bg_yellow: #8e9656;
  --theme_dracula--bg_green: #3f945f;
  --theme_dracula--bg_blue: #498096;
  --theme_dracula--bg_purple: #6a549b;
  --theme_dracula--bg_pink: #8d4a7c;
  --theme_dracula--bg_red: #943844;

  /* MAIN */

  --theme_dark--main: var(--theme_dracula--bg);
  --theme_dark--sidebar: var(--theme_dracula--bg_dark);
  --theme_dark--overlay: #0d0d0e80;
  --theme_dark--dragarea: var(--theme_dracula--bg_dark);

  --theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
    'Segoe UI Symbol';

  --theme_dark--scrollbar: var(--theme_dracula--selection);
  --theme_dark--scrollbar_hover: var(--theme_dracula--comment);

  --theme_dark--card: var(--theme_dracula--bg_light);
  --theme_dark--gallery: var(--theme_dracula--bg_dark);
  --theme_dark--select_input: var(--theme_dracula--selection);

  --theme_dark--table-border: var(--theme_dracula--bg_lighter);
  --theme_dark--table-border_row: var(--theme_dark--table-border);
  --theme_dark--table-border_column: var(--theme_dark--table-border);
  --theme_dark--table-border_selected: var(--theme_dracula--purple);

  --theme_dark--ui-border: var(--theme_dark--table-border);
  --theme_dark--interactive_hover: var(--theme_dracula--line_highlight);
  --theme_dark--button_close: var(--theme_dracula--red);

  --theme_dark--selected: #bb8dfd3d;
  --theme_dark--primary: var(--theme_dracula--purple);
  --theme_dark--primary_hover: #b179ff;
  --theme_dark--primary_click: #9f5ff8;
  --theme_dark--primary_indicator: var(--theme_dracula--comment);
  --theme_dark--primary_indicator_hover: var(--theme_dracula--bg_purple);

  --theme_dark--option_active-background: var(--theme_dark--primary);
  --theme_dark--option_hover-background: var(--theme_dark--bg_purple);

  --theme_dark--danger_text: var(--theme_dracula--red);
  --theme_dark--danger_border: var(--theme_dracula--bg_red);
  
  /* TEXT */
    
  --theme_dark--text: var(--theme_dracula--fg);
  --theme_dark--text_ui: var(--theme_dracula--fg_dark);
  --theme_dark--text_ui_info: var(--theme_dracula--comment);

  --theme_dark--text_gray: var(--theme_dracula--gray);
  --theme_dark--text_brown: var(--theme_dracula--brown);
  --theme_dark--text_orange: var(--theme_dracula--orange);
  --theme_dark--text_yellow: var(--theme_dracula--yellow);
  --theme_dark--text_green: var(--theme_dracula--green);
  --theme_dark--text_blue: var(--theme_dracula--blue);
  --theme_dark--text_purple: var(--theme_dracula--purple);
  --theme_dark--text_pink: var(--theme_dracula--pink);
  --theme_dark--text_red: var(--theme_dracula--red);

  /* SELECT */

  --theme_dark--select-text: var(--theme_dracula--bg);
  --theme_dark--select_gray: var(--theme_dracula--gray);
  --theme_dark--select_brown: var(--theme_dracula--brown);
  --theme_dark--select_brown-text: var(--theme_dracula--fg);
  --theme_dark--select_orange: var(--theme_dracula--orange);
  --theme_dark--select_yellow: var(--theme_dracula--yellow);
  --theme_dark--select_green: var(--theme_dracula--green);
  --theme_dark--select_blue: var(--theme_dracula--blue);
  --theme_dark--select_purple: var(--theme_dracula--purple);
  --theme_dark--select_pink: var(--theme_dracula--pink);
  --theme_dark--select_red: var(--theme_dracula--red);
  --theme_dark--select_red-text: var(--theme_dracula--fg);

  /* BG */

  --theme_dark--bg-text: var(--theme_dracula--fg);
  --theme_dark--bg_gray: var(--theme_dracula--bg_gray);
  --theme_dark--bg_brown: var(--theme_dracula--bg_brown);
  --theme_dark--bg_orange: var(--theme_dracula--bg_orange);
  --theme_dark--bg_yellow: var(--theme_dracula--bg_yellow);
  --theme_dark--bg_green: var(--theme_dracula--bg_green);
  --theme_dark--bg_blue: var(--theme_dracula--bg_blue);
  --theme_dark--bg_purple: var(--theme_dracula--bg_purple);
  --theme_dark--bg_pink: var(--theme_dracula--bg_pink);
  --theme_dark--bg_red: var(--theme_dracula--bg_red);
  
  /* LINE */

  --theme_dark--line-text: var(--theme_dracula--fg);
  --theme_dark--line_gray: var(--theme_dracula--bg_gray);
  --theme_dark--line_brown: var(--theme_dracula--bg_brown);
  --theme_dark--line_orange: var(--theme_dracula--bg_orange);
  --theme_dark--line_yellow: var(--theme_dracula--bg_yellow);
  --theme_dark--line_green: var(--theme_dracula--bg_green);
  --theme_dark--line_blue: var(--theme_dracula--bg_blue);
  --theme_dark--line_purple: var(--theme_dracula--bg_purple);
  --theme_dark--line_pink: var(--theme_dracula--bg_pink);
  --theme_dark--line_red: var(--theme_dracula--bg_red);

  /* CALLOUT */

  --theme_dark--callout-text: var(--theme_dracula--fg);
  --theme_dark--callout_gray: var(--theme_dracula--bg_gray);
  --theme_dark--callout_brown: var(--theme_dracula--bg_brown);
  --theme_dark--callout_orange: var(--theme_dracula--bg_orange);
  --theme_dark--callout_yellow: var(--theme_dracula--bg_yellow);
  --theme_dark--callout_green: var(--theme_dracula--bg_green);
  --theme_dark--callout_blue: var(--theme_dracula--bg_blue);
  --theme_dark--callout_purple: var(--theme_dracula--bg_purple);
  --theme_dark--callout_pink: var(--theme_dracula--bg_pink);
  --theme_dark--callout_red: var(--theme_dracula--bg_red);

  /* CODE */

  --theme_dark--code_inline-text: var(--theme_dracula--green);
  --theme_dark--code_inline-background: var(--theme_dracula--bg_light);
  
  --theme_dark--code-text: var(--theme_dracula--fg);
  --theme_dark--code-background: var(--theme_dracula--bg_light);

  --theme_dark--code_function: var(--theme_dracula--green);
  --theme_dark--code_parameter: var(--theme_dracula--orange);
  --theme_dark--code_keyword: var(--theme_dracula--pink);
  --theme_dark--code_constant: var(--theme_dracula--purple);
  --theme_dark--code_tag: var(--theme_dracula--pink);
  --theme_dark--code_operator: var(--theme_dracula--pink);
  --theme_dark--code_important: var(--theme_dracula--pink);
  --theme_dark--code_regex: var(--theme_dracula--red);
  --theme_dark--code_property: var(--theme_dracula--blue);
  --theme_dark--code_builtin: var(--theme_dracula--blue);
  --theme_dark--code_class-name: var(--theme_dracula--blue);
  --theme_dark--code_attr-name: var(--theme_dracula--green);
  --theme_dark--code_attr-value: var(--theme_dracula--yellow);
  --theme_dark--code_selector: var(--theme_dracula--pink);
  --theme_dark--code_id: var(--theme_dracula--green);
  --theme_dark--code_class: var(--theme_dracula--green);
  --theme_dark--code_pseudo-element: var(--theme_dracula--green);
  --theme_dark--code_pseudo-class: var(--theme_dracula--green);
  --theme_dark--code_attribute: var(--theme_dracula--green);
  --theme_dark--code_value: var(--theme_dracula--yellow);
  --theme_dark--code_unit: var(--theme_dracula--pink);
  --theme_dark--code_comment: var(--theme_dracula--comment);
  --theme_dark--code_punctuation: var(--theme_dracula--text);
  --theme_dark--code_annotation: var(--theme_dark--code_punctuation);
  --theme_dark--code_decorator: var(--theme_dracula--green);
  --theme_dark--code_doctype: var(--theme_dracula--fg_dark);
  --theme_dark--code_number: var(--theme_dracula--purple);
  --theme_dark--code_string: var(--theme_dracula--yellow);
  --theme_dark--code_boolean: var(--theme_dracula--purple);
}