/*
 * contrast-blue-orange
 * (c) 2021 GuYith (https://github.com/GuYith)
 * under the MIT license
 */

 :root {

  /** light **/
  --light_contrast-orange: #f35b10;
  --light_contrast-blue-1: #f8f9fa;
  --light_contrast-blue-2: #4c7bb3;
  --light_contrast-blue-3: #335a8a ;
  --light_contrast-blue-4: #224671;

  --light_contrast-main: #fefafa;
  --light_contrast-transparent: transparent;
  --light_contrast-text_ui: #1e114e;
  --light_contrast-trans-7: #e8f1fac5;
  --light_contrast-trans-0: #f5f6f8da;
  --light_contrast-trans-1: #bad6f861;
  --light_contrast-trans-2: #bad6f896;
  --light_contrast-trans-3: #bad6f8b8;
  --light_contrast-trans-4: #bad6f8da;
  --light_contrast-trans-5: #bad6f875;
  --light_contrast-trans-6: #bad6f899;

  --theme_light--main: var(--light_contrast-main);
  --theme_light--sidebar: var(--light_contrast-transparent);
  --theme_light--overlay: var(--light_contrast-trans-1);
  --theme_light--dragarea: var(--light_contrast-blue-1);
  --theme_light--box-shadow: var(--light_contrast-trans-1) 0px 0px 0px 1px, var(--light_contrast-trans-1) 0px 2px 4px;
  --theme_light--box-shadow_strong: var(--light_contrast-trans-4) 0px 0px 0px 1px, var(--light_contrast-trans-2) 0px 3px 6px, var(--light_contrast-trans-3) 0px 9px 24px;

  --theme_light--scrollbar: var(--light_contrast-blue-3);
  --theme_light--scrollbar-border: var(--light_contrast-transparen);
  --theme_light--scrollbar_hover: var(--light_contrast-blue-2);
  --theme_light--card: var(--light_contrast-blue-1);
  --theme_light--gallery: var(--light_contrast-trans-0);
  --theme_light--select_input: var(--light_contrast-trans-7);
  --theme_light--table-border: var(--light_contrast-trans-7);
  --theme_light--ui-border: var(--light_contrast-trans-0);
  --theme_light--interactive_hover: var(--light_contrast-trans-7);
  --theme_light--interactive_hover-border: var(--light_contrast-transparent);
  --theme_light--selected: var(--light_contrast-trans-7);
  --theme_light--primary: var(--light_contrast-orange);
  --theme_light--primary_hover: var(--light_contrast-blue-2);
  --theme_light--primary_click: var(--light_contrast-blue-4);
  --theme_light--option-color: var(--light_contrast-blue-3);
  --theme_light--option-background: var(--light_contrast-transparent);
  --theme_light--option_hover-color: var(--light_contrast-blue-4);
  --theme_light--option_hover-background: var(--light_contrast-trans-7);
  --theme_light--text_ui: var(--light_contrast-text_ui);
  --theme_light--text_ui_info: var(--light_contrast-orange);
}

.notion-sidebar{background-color:#fafcfd;}