/*
File Name: default.css
Package: American Cyanide
Subpackage: Color Schemes
Author: David Hernandez
*/

/*
body[data-theme="light"]
This is the default color template. Default colors are defined in style.css, which serve as the light theme.
Below are all the custom properties for color definition. Copy these into a custom theme file with the name
theme-[slug].css, where [slug] is a hyphen (-) separate name for the custom theme file.
Example name: theme-gold.css
Custom theme files should have two 'body[data-theme]' selectors, one set to light and the other to dark. Not all
custom properties are required to be changed. You could change just one in the light theme and completely ignore
setting anything in the dark theme, or vice versa.
*/

body[data-theme="dark"] {

    --ac-body-filter-brightness: 80%;

    --ac-body-bg-color: var(--ac-color-black-15);
    --ac-body-text-color: var(--ac-color-white-90);
    --ac-header-section-logo-bg-color: var(--ac-color-black-15);
    --ac-header-section-menu-bg-color: var(--ac-color-primary-red);
    --ac-logo-bg-color: transparent;
    --ac-logo-american-outline-fill-color: var(--ac-color-black-20);
    --ac-logo-american-fill-color: var(--ac-color-white-95);
    --ac-logo-cyanide-outline-fill-color: var(--ac-color-black-20);
    --ac-logo-cyanide-fill-color: url(#linearGradient29);
    --ac-logo-cyanide-stacked-fill-color: url(#linearGradient30);
    --ac-logo-tagline-fill-color: var(--ac-color-white-100);
    --ac-logo-tagline-hilite-fill-color: var(--ac-color-primary-red);
    --ac-logo-gradient-stop-1-fill-color: var(--ac-color-primary-red);
    --ac-logo-gradient-stop-2-fill-color: var(--ac-color-red-40);
    --ac-menu-button-bg-color: transparent;
    --ac-menu-button-bars-color: var(--ac-color-primary-red);
    --ac-header-menu-boxshadow-color: lch(90% var(--ch-red) / .2);
    --ac-header-menu-item-text-color: var(--ac-color-primary-white);
    --ac-header-menu-item-bg-color: transparent;
    --ac-header-menu-item-hover-text-color: var(--ac-color-primary-red);
    --ac-header-menu-item-hover-bg-color: var(--ac-color-black-0);
    --ac-header-search-wrapper-outline-color: var(--ac-color-gray-4023);
    --ac-header-search-input-bg-color: var(--ac-color-black-20);
    --ac-header-search-input-text-color: var(--ac-color-body-text-color);
    --ac-header-search-input-focus-bg-color: var(--ac-color-gray-4);
    --ac-header-search-input-focus-text-color: var(--ac-color-black-0);
    --ac-header-search-input-placeholder-text-color: var(--ac-color-white-100);
    --ac-header-search-input-focus-placeholder-text-color: var(--ac-color-black-0);
    --ac-header-search-button-bg-color: var(--ac-color-black-20);
    --ac-header-search-button-hover-bg-color: var(--ac-color-black-0);
    --ac-header-search-button-icon-fill-color: var(--ac-color-gray-4);
    --ac-header-search-button-icon-input-focus-fill-color: var(--ac-color-black-20);
    --ac-header-search-button-icon-hover-fill-color: var(--ac-color-primary-red);
    --ac-login-menu-link-text-color: var(--ac-color-black-20);
    --ac-login-link-boxshadow-color: var(--ac-color-red-50);
    --ac-login-link-outline-color: var(--ac-color-black-20);
    --ac-login-link-hover-bg-color: lch(60% var(--ch-red));
    --ac-login-link-hover-outline-color: lch(60% var(--ch-red));
    --ac-login-menu-link-hover-text-color: var(--ac-color-white-90);
    --ac-register-link-text-color: var(--ac-color-white-90);
    --ac-register-link-bg-color: var(--ac-color-black-20);
    --ac-theme-switch-bg-on-color: lch(60% var(--ch-red));
    --ac-theme-switch-boxshadow-color: lch(30% var(--ch-red));
    --ac-widget-title-bg-color: var(--ac-color-primary-red);
    --ac-widget-title-text-color: var(--ac-color-white-95);
    --ac-widget-border-color: var(--ac-color-primary-red);
    --ac-player-widget-button-bg-color: lch(50% var(--ch-red) / .5);
    --ac-player-widget-button-hover-bg-color: lch(50% var(--ch-red));
    --ac-player-widget-button-svg-fill-color: var(--ac-color-white-90);
    --ac-player-widget-button-svg-stroke-color: var(--ac-color-white-90);
    --ac-widgets-link-text-color: var(--ac-color-white-90);
    --ac-widgets-link-hover-text-color: var(--ac-color-white-95);
    --ac-widgets-link-bg-color: var(--ac-color-red-45);
    --ac-widgets-link-hover-bg-color: var(--ac-color-red-55);
    --ac-widgets-link-outline-color: var(--ac-color-red-45);
    --ac-widgets-link-hover-outline-color: var(--ac-color-red-55);    
    --ac-top-posts-bg-color: lch(30% var(--ch-red));
    --ac-top-post-item-hover-bg-color: var(--ac-color-red-45);
    --ac-top-post-item-hover-boxshadow-color: var(--ac-color-white-100);
    --ac-top-post-link-text-color: var(--ac-color-white-100);
    --ac-top-post-link-text-hover-color: var(--ac-color-white-100);
    --ac-top-post-link-counter-bg-color: var(--ac-color-blue-0);
    --ac-top-post-link-counter-hover-bg-color: lch(30% var(--ch-blue));    
    --ac-post-card-bg-color: var(--ac-color-black-0);
    --ac-post-card-hover-bg-color: lch(30% var(--ch-red));
    --ac-post-card-link-text-color: var(--ac-body-text-color);
    --ac-post-card-link-text-hover-color: var(--ac-color-white-100);
    --ac-post-card-thumbnail-no-img-bg-color: var(--ac-color-black-20);
    --ac-post-share-button-bg-color: transparent;
    --ac-post-share-button-hover-bg-color: var(--ac-color-red-35);
    --ac-post-share-button-icon-fill-color: var(--ac-body-text-color);
    --ac-post-share-button-icon-hover-fill-color: var(--ac-color-white-100);
    --ac-post-views-icon-fill-color: var(--ac-body-text-color);
    --ac-post-tag-container-border-color: var(--ac-color-primary-red);
    --ac-post-category-bg-color: var(--ac-color-red-40);
    --ac-post-category-hover-bg-color: var(--ac-color-red-50);
    --ac-post-category-text-color: var(--ac-color-white-90);
    --ac-post-category-hover-text-color: var(--ac-color-white-90);
    --ac-post-tag-text-color: var(--ac-color-black-15);
    --ac-post-tag-hover-text-color: var(--ac-color-black-20);   
    --ac-post-tag-bg-color: var(--ac-color-gray-4);
    --ac-post-tag-hover-bg-color: var(--ac-color-gray-2);
    --ac-post-tag-border-color: var(--ac-color-white-90);
    --ac-share-container-border-color: currentColor;
    --ac-pagination-prev-next-bg-color: var(--ac-color-red-40);
    --ac-pagination-prev-next-text-color: var(--ac-color-white-95);
    --ac-pagination-prev-next-border-color: var(--ac-color-red-40);
    --ac-pagination-prev-next-hover-bg-color: var(--ac-color-red-50);
    --ac-pagination-prev-next-hover-text-color: var(--ac-color-white-95);
    --ac-pagination-prev-next-hover-border-color: var(--ac-color-red-45);
    --ac-pagination-page-numbers-bg-color: transparent;
    --ac-pagination-page-numbers-text-color: var(--ac-color-white-95);
    --ac-pagination-page-numbers-border-color: var(--ac-color-red-40);
    --ac-pagination-page-numbers-hover-bg-color: var(--ac-color-red-50);
    --ac-pagination-page-numbers-hover-text-color: var(--ac-color-white-95);
    --ac-pagination-page-numbers-hover-border-color: var(--ac-color-red-45);
    --ac-pagination-page-numbers-inactive-bg-color: var(--ac-color-gray-1);
    --ac-pagination-page-numbers-inactive-text-color: var(--ac-color-black-0);
    --ac-pagination-page-numbers-inactive-border-color: var(--ac-color-black-0);
   
}