@import url('https://abhayprasanna.github.io/better-dark-age.css');
@import url('https://fonts.googleapis.com/css?family=Commissioner|Crimson+Text|Noto+Sans+Mono|Bitter|Work+Sans');

@media (prefers-color-scheme: light) {
  :root {
    /* FONTS */
    --global-font             : 'Work Sans', sans-serif;
    --secondary-font          : 'Noto Sans Mono', monospace;
    --header-font             : 'Bitter', serif;
    /* WIDTH FIXES - default 568px,1032px - increase to increase WIDTH */
    --reduce-padding-right    : 3400px;
    --reduce-padding-left     : 3400px;
    /* COLORS - One light*/
    --page-links              : #283593;
    --attributes-color        : #986801;
    --external-links          : #50A14E;
    --links-hover             : #E4564A;
    --hashtags                : #A626A4;
    --body-text               : #292D31;
    --italics-color           : #E4564A;
    --bold-color              : #0184BC;
    --highlight-text-color    : #292D31;
    --highlighter             : #FFFF80;
    --background              : #FAFAFA;
    --sidebar-background      : #EAEAEB;
    --sidebar-text            : #292D31;
    --page-heading            : #283593;
    --daily-heading           : #283593;
    --heading1                : #292D31;
    --heading2                : #292D31;
    --heading3                : #292D31;  
    --bullets                 : #3F51B5;
    --closed-bullets          : #3F51B577;
    --references              : #3F51B5;
    --block-reference-text    : #0184BC;
    --namespaces              : #E4564A;
    --all-pages-mentions      : #0184BC;
    --cursor                  : #292D31;
    --icons                   : #3F51B5;
    --icons-hover             : #E4564A;
    --filter-icon             : #50A14E;
    /* FONT SIZES */
    --page-head-font-size     : 2.2em;
    /* DROPDOWN MENU */
    --dropdown-menu-background: #EAEAEB;
    --dropdown-menu-highlight : #FAFAFA;
    --dropdown-menu-text      : #292D31;
    --dropdown-newpage        : #0184BC;
    /* SEARCH BAR */
    --search-bar-background   : #F7F8FA;
    --search-bar-text         : #292D31;
    /* KANBAN CARD COLORS */
    --kanban-main-background  : #FAFAFA;
    --kanban-column-background: #EAEAEB;
    --kanban-card-background  : #FAFAFA;
    --kanban-text-hover       : #E4564A;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    /* FONTS */
    --global-font             : 'Work Sans', sans-serif;
    --secondary-font          : 'Noto Sans Mono', monospace;
    --header-font             : 'Bitter', serif;
    /* WIDTH FIXES - default 568px,1032px - increase to increase WIDTH */
    --reduce-padding-right    : 3400px;
    --reduce-padding-left     : 3400px;
    /* COLORS (HT: Jack Laing for [[Dracula Pro]] color theme) */
    --page-links              : #9580FF;
    --attributes-color        : #FFFF80;
    --external-links          : #8AFF80;
    --links-hover             : #92FFFF;
    --hashtags                : #FE7FBF;
    --body-text               : #F2F2F2;
    --italics-color           : #92FFFF;
    --bold-color              : #FF9580;
    --highlight-text-color    : #1B1A23;
    --highlighter             : #FFFF80;
    --background              : #1B1A23;
    --sidebar-background      : #2B2640;
    --sidebar-text            : #F2F2F2;
    --page-heading            : #9580FF;
    --daily-heading           : #9580FF;
    --heading1                : #F2F2F2;
    --heading2                : #F2F2F2;
    --heading3                : #F2F2F2;  
    --bullets                 : #7C6EAD;
    --closed-bullets          : #5742C6;
    --references              : #7C6EAD;
    --block-reference-text    : #FF9580;
    --namespaces              : #92FFFF;
    --all-pages-mentions      : #FF9580;
    --cursor                  : #F2F2F2;
    --icons                   : #7C6EAD;
    --icons-hover             : #92FFFF;
    --filter-icon             : #8AFF80;
    /* FONT SIZES */
    --page-head-font-size     : 2.2em;
    /* DROPDOWN MENU */
    --dropdown-menu-background: #2B2640;
    --dropdown-menu-highlight : #1B1A23;
    --dropdown-menu-text      : #F2F2F2;
    --dropdown-newpage        : #FF9580;
    /* SEARCH BAR */
    --search-bar-background   : #1B1A23;
    --search-bar-text         : #F2F2F2;
    /* KANBAN CARD COLORS */
    --kanban-main-background  : #1B1A23;
    --kanban-column-background: #2A2C37;
    --kanban-card-background  : #1B1A23;
    --kanban-text-hover       : #81FFEA;
  }
}