/*
 * Name: CABVAL Dark Theme
 */
 :root {

    --primary-color: #520107;
    --secondary-color: #d38585;
  
    --required-color: #fda922;
    --danger-color: #ba0210;
  
    /*Globals*/
    --primary-border-color: var(--primary-color);

    /*Body*/
    --body-background-color: #ffffff;
    --body-foreground-color: #1c1c1a;

    /*Headers*/
    --headers-background-color: rgba(43, 47, 44, 0.01); /*Almost transparent*/
    --headers-foreground-color: var(--primary-color);

    /*NavBar*/
    --navbar-background-color: rgba(43, 47, 44, 0.80);
    --navbar-background-color-solid: rgb(from var(--navbar-background-color) r g b / 1);
    --navbar-foreground-color: var(--body-background-color);
    --navbar-emphasis-color: var(--primary-color);
    --navbar-background-divider-style: 1px dotted var(--body-background-color);
  
    /*Social Floating Tab*/
    --social-tab-background-color: rgba(84, 84, 84, 0.3);
  
    /*Table*/
    --table-border-color: var(--primary-border-color);
    --table-cell-background-color: var(--body-background-color);
    --table-cell-foreround-color: var(--body-foreground-color);
  
    /*Thick Bordered*/
    --thick-border-color: var(--primary-color);
  
    /* Region Section */
    --region-section-border-color: var(--primary-color);
    --region-section-background-color: #d9d9d9;
    --region-section-foreground-color: var(--body-foreground-color);
  
    --input-background-color: var(--body-background-color);
    --input-foreground-color: var(--body-foreground-color);
    --input-border-color: var(--primary-color);
  	--input-hover-background-color: var(--body-background-color);
  	--input-hover-foreground-color: var(--body-foreground-color);
    --input-focus-border-color: var(--primary-color);
    --input-focus-background-color: var(--secondary-color);
  
    /*Card Regions*/
	--card-item-background-color: var(--region-section-background-color);
	--card-item-foreground-color: var(--region-section-foreground-color);
    --card-item-border-color: var(--primary-color);
	--card-item-icon-background-color: var(--primary-color);
	--card-item-icon-foreground-color: var(--body-background-color);
  
    /*Javascript Links*/
    --js-link-selected-color: #var(--primary-color);
  
    /*Links*/
    --link-current-color: var(--primary-color);
    --link-current-brightness: brightness(1.3);
    --link-current-shadow-6px-color: rgba(204, 0, 0, 0.8);
    --link-current-shadow-12px-color: rgba(204, 0, 0, 0.6);
    --link-hover-animated-background-after-color: #ffffff;
	--link-hover-animated-background-color: rgba(255, 255, 255, 0.15);
	 
    /*File Drop Zone*/
    --file-drop-zone-background-color: rgb(216, 216, 216);
    --file-drop-zone-foreground-color: var(--primary-border-color);
    --file-drop-zone-border-color: var(--primary-border-color);
    --file-drop-zone-hover-border-color: #6b6b6b;
    --file-drop-zone-hover-background-color: rgb(201, 201, 201);
  
    /*Wordpress Icon*/
    --wordpress-icon-color: var(--navbar-foreground-color);
    --wordpress-icon-hover-color: var(--navbar-foreground-color);
  
    /*404 Error Page*/
    --p404-body-background-color: rgb(36, 36, 36);
    --p404-body-wrapper-background-color: rgb(66, 66, 66);
  
    --overlay-color: black;
  
  }