@use 'sass:selector';
// In this file you can override the default variables of Bootstrap
// Do you want primary to be green? Just add "$primary: #00FF00;" to this file and the theme will automatically compile the scss for you.

/*-----------------------------------------------------------------------------


  ATTENTION! This is the parent-theme's file. Your work will be lost by the 
  next update!

  Wouldn't you prefer to use one of our child themes and be update-safe?

  wpstream_theme-child: 
  https://github.com/wpstream_theme/wpstream_theme-child/archive/refs/heads/main.zip

  bootcommerce-child:
  https://github.com/wpstream_theme/bootcommerce-child/archive/refs/heads/main.zip

-----------------------------------------------------------------------------*/
//Primary Colors
$palatinate-blue: #4E2EE5;
$argentinian-blue-light: #60AFFF;
$anti-flash-white: #F1F1F1;
$night: #0F0F0F; 
$eerie-black: #151120;
$eerie-black-75: #151120bf;//opacity .75

//Secondary Colors
$jet: #2F2F35; 
$dim-grey: #67676B;
$battleship-grey: #ffffffa8;
$red: #F00;
$night-75: rgba(24, 24, 27, 0.75);
$overlay: linear-gradient(0deg, #0F0F0F 0%, rgba(15, 15, 15, 0.40) 99.75%);

//Prompts
$wpstream-success: #4CBB17;
$wpstream-warning: #F5A524; 
$wpstream-danger: #F00;   

//Fonts
$font-family-roboto: "Roboto", sans-serif;
$font-family-mulish: "Mulish", sans-serif;

//Enabled negative margin
$enable-negative-margins: true;

// Bootstrap variables overwritten
$body-bg: #0f0f0f;
$body-color: #f1f1f1;
$font-size-base: 1rem;
$font-weight-base: 400;
$line-height-base: 1.5;
$font-family-base: $font-family-roboto;
$spacer: 1rem;
$grid-gutter-width: 20px;
$spacers: (
        0: 0,
        1: $spacer * .25,
        2: $spacer * .5,
        23: $spacer * .625,
        25: $spacer * .75,
        3: $spacer,
        4: $spacer * 1.5,
        5: $spacer * 3,
        6: $spacer * 3.375,
        7: $spacer * 4.5,
        30: 30px,
        "175": $spacer * 1.75,
        "2rem": $spacer * 2,
        "2-5":$spacer * 2.5,
        "2-75": $spacer * 2.75,
);
$utilities : (
        "row-gap": (
                responsive: true,
                property: row-gap,
                class: row-gap,
                values: $spacers
        ),
        "column-gap": (
                responsive: true,
                property: column-gap,
                class: column-gap,
                values: $spacers
        ),
);
$form-select-indicator-color: $dim-grey;

$h1-font-size: $font-size-base * 2.8125;
$h2-font-size: $font-size-base * 1.5;
$h3-font-size: $font-size-base * 1.4;
$h4-font-size: $font-size-base * 1.3;
$h5-font-size: $font-size-base * 1.2;
$h6-font-size: $font-size-base;

$headings-margin-bottom: 1rem;
$headings-font-family: $font-family-mulish;
$headings-font-weight: 700;
$headings-line-height: 1.1555;


:root.dark-theme{

  --bs-body-color: #f1f1f1;
  --bs-body-content-color: #bebebe;
  --bs-body-bg: #060212;
  --wpstream-header-bg-color: #151120;
  --wpstream-header-menu-color: #f1f1f1;
  --wpstream-header-menu-hover-color: #f1f1f1;
  --wpstream-header-search-border-color-default: #ffffff30;
  --wpstream-header-search-dropdown-bg: #261f3a;
  --wpstream-header-submenu-font-color-default: #f1f1f1;
  --wpstream-header-submenu-font-color-hover-default: #f1f1f1;

  --wpstream-play-bg: rgba(24, 24, 27, 0.75);

  --wpstream-blog-post-unit-meta-color-default: #9c9c9c;
  --wpstream-bg-share: #151120;
  --wpstream-bg-slider-arrow: #2f2f35;
  --wpstream-bg-slider-arrow-hover: #9c9c9c;
  --wpstream-search-field-bg: #151120;
  --wpstream-search-dropduwn-bg: #2f2f35;
  --wpstream-testimonial-border-color: #2f2f35;

  --wpstream-eerie-black: #151120;

  --wpstream-product-remove: rgba(24, 24, 27, 0.75);
  --wpstream-line-color:#ffffff30;
  --wpstream-line-color-form:#ffffff30;
  --wpstream-back-color-form: #151120;

  --main-bm-color: 241, 241, 241;
  --bm-border-radius: 6px;
  --bm-mini-chats-border-radius: 7px 7px 0 0;
  --bm-widgets-button-radius: 8px;
  --bm-mini-chats-width: 300px;
  --bm-mini-chats-height: 450px;
  --bm-mini-widgets-width: 320px;
  --bm-mini-widgets-height: 450px;
  --bm-mini-widgets-offset: 20px;
  --bm-message-border-radius: 4px;
  --bm-avatar-radius: 25px;
  --bm-date-radius: 25px;
  --bm-bg-color: 15, 15, 15;
  --bm-bg-secondary: 24, 24, 27;
  --bm-hover-bg: 24, 24, 27;
  --bm-border-color: 156, 156, 156;
  --bm-border-secondary-color: 156, 156, 156;
  --bm-text-color: 241, 241, 241;
  --left-message-nickname-color: 241, 241, 241;
  --left-message-bg-color: 15, 15, 15;
  --left-message-text-color: 241, 241, 241;
  --right-message-nickname-color: 241, 241, 241;
  --right-message-bg-color: 15, 15, 15;
  --right-message-text-color: 241, 241, 241;
  --bm-sticky-date-bg: #0f0f0f;
  --bm-sticky-date-color: #f1f1f1;
  --bm-tooltip-bg: 15, 15, 15;
  --bm-tooltip-color: 241, 241, 241;

  --bm-scrollbar: #9C9C9C;
  --bm-font-family: $font-family-roboto;

  --bs-border-separator-color: #2F2F35;
  --wpstream-unit-font-weight:400;
  --wpstream-header-icon-hover-back-color:#f1f1f1;
  --wpstream-header-icon-hover-font-color:#060212;
  --wpstream-hover-secondary-post-blog:#2F2F35;

  --wpstream-button-color-bg:#f1f1f1;
  --wpstream-button-color-text:#0F0F0F;
  --wpstream-categories-pill-bg-black: #151120;
  --wpstream-categories-pill-color: #ffffffa8;
  --wpstream-unit-price-color:#f9d771;
  --wpstream-scroll-bar-thumb-color:#f1f1f1;
  --wpstream-account-salution-description:#060212; 
}
:root.white-theme{

  --bs-body-color: #000000e0;
  --bs-body-bg: #ffffff;
  --wpstream-header-bg-color: #060212;
  --wpstream-header-menu-color: #ffffffeb;
  --wpstream-header-menu-hover-color: #0F0F0F;
  --wpstream-header-search-border-color-default: #9C9C9C;
  --wpstream-header-search-dropdown-bg: #f0f0f3;
  --wpstream-header-submenu-font-color-default: #0F0F0F;
  --wpstream-header-submenu-font-color-hover-default: #f1f1f1;
  

  --wpstream-blog-post-unit-meta-color-default: #0000008f;
  --wpstream-bg-share: #f1f1f1;
  --wpstream-bg-slider-arrow: #f1f1f1;
  --wpstream-bg-slider-arrow-hover: #67676b;

  --wpstream-search-field-bg: #f1f1f1;
  --wpstream-search-dropduwn-bg: #f1f1f1;
  --wpstream-testimonial-border-color: #f1f1f1;

  --wpstream-play-bg: rgba(241,241,241, .75);

  --wpstream-eerie-black: #f0f0f3;

  --wpstream-product-remove: transparent;
  --wpstream-line-color:#00000026;
  --wpstream-line-color-form:#ffffff30;
  --wpstream-back-color-form: #f1f1f1;
  --main-bm-color: 241, 241, 241;
  --bm-border-radius: 8px;
  --bm-mini-chats-border-radius: 8px 8px 0 0;
  --bm-widgets-button-radius: 8px;
  --bm-mini-chats-width: 300px;
  --bm-mini-chats-height: 450px;
  --bm-mini-widgets-width: 320px;
  --bm-mini-widgets-height: 450px;
  --bm-mini-widgets-offset: 20px;
  --bm-message-border-radius: 0px;
  --bm-avatar-radius: 50px;
  --bm-date-radius: 0px;
 
  --bm-bg-color: 15, 15, 15;
  --bm-bg-secondary: 24, 24, 27;
  --bm-hover-bg: 24, 24, 27;
  --bm-border-color: 156, 156, 156;
  --bm-border-secondary-color: 156, 156, 156;
  --bm-text-color: 241, 241, 241;
  --left-message-nickname-color: 241, 241, 241;
  --left-message-bg-color: 15, 15, 15;
  --left-message-text-color: 241, 241, 241;
  --right-message-nickname-color: 241, 241, 241;
  --right-message-bg-color: 15, 15, 15;
  --right-message-text-color: 241, 241, 241;
  --bm-sticky-date-bg: #0f0f0f;
  --bm-sticky-date-color: #f1f1f1;
  --bm-tooltip-bg: 15, 15, 15;
  --bm-tooltip-color: 241, 241, 241;

  --bm-scrollbar: #9C9C9C;
  --bm-font-family: $font-family-roboto;

  --bs-border-separator-color: #00000026;
  --wpstream-unit-font-weight:500;
  --wpstream-header-icon-hover-back-color:#f1f1f1;
  --wpstream-header-icon-hover-font-color:#060212;
  --wpstream-hover-secondary-post-blog:#151120;

  --wpstream-button-color-bg:#151120;
  --wpstream-button-color-text:#f1f1f1;
  --wpstream-categories-pill-bg-black: #f0f0f3;
  --wpstream-categories-pill-color: #000000e0;
  --wpstream-unit-price-color:#597dfa; 
  --wpstream-scroll-bar-thumb-color:#0a0707; 
 --wpstream-account-salution-description:#f0f0f3; 
}