:root {
    --CCR--color--primary: #FF914D;
    --CCR--color--primary--hover: #FF7A1A;
    --CCR--color--secondary: #2E2E2E;
    --CCR--color--neutral_clear: #FAFAF7;
    --CCR--color--neutral_medium: #E0E0E0;
    --CCR--color--neutral_dark: #4B4B4B;
    --CCR--color--success: #7DCFB6;
    --CCR--color--alert: #FFB347;
    --CCR--header--bgcolor: #2E2E2E;
    --CCR--navbar--bgcolor: #4B4B4B;
    --CCR--footer--bgcolor: #2E2E2E;
    --CCR--color--white: #ffffff;
    --CCR--cards--width: 18rem;
    --CCR--btn--bg: var(--CCR--color--primary);
    --WA--color: #25D366;
}

body {
  font-family: "Inter", "Roboto", "Helvetica Neue", Arial, sans-serif;
  background-color: var(--CCR--color--neutral_clear);
}

.CCR_color_white {
    color: white;
}

.CCR_color_primary {
    color: var(--CCR--color--primary);
}

.CCR_header {
    background-color: var(--CCR--header--bgcolor);
}

.CCR_logo_styles {
    text-decoration: none;
    padding: 5px;
}

.CCR_navbar {
    background-color: var(--CCR--navbar--bgcolor);
    color: white;
}

.CCR_navbar_menu {
    --bs-navbar-color: var(--CCR--color--neutral_medium);
    --bs-navbar-hover-color: var(--CCR--color--white);
    --bs-navbar-disabled-color: var(--CCR--color--neutral_medium);
    --bs-navbar-active-color: var(--CCR--color--primary);
    --bs-navbar-padding-y: 1px;
    --bs-navbar-toggler-icon-bg: var(--CCR--navbar--bgcolor);
}

.CC_menu_dropdown {
    --bs-navbar-active-color: var(--CCR--color--neutral_medium);
}

.CCR_cart_counter {
    background: var(--CCR--color--primary);
}

.top_nvar_space {
    margin-top: 120px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.CCR_btn {
  --bs-btn-color: black;
  --bs-btn-bg: var(--CCR--color--primary);
  --bs-btn-border-color: var(--CCR--color--primary);
  --bs-btn-hover-color: black;
  --bs-btn-hover-bg: var(--CCR--color--primary--hover);
  --bs-btn-hover-border-color: var(--CCR--color--primary--hover);
  --bs-btn-focus-shadow-rgb: var(--CCR--color--primary--hover);
  --bs-btn-active-color: black;
  --bs-btn-active-bg: var(--CCR--color--primary--hover);
  --bs-btn-active-border-color: var(--CCR--color--primary--hover);
}

.CCR_footer {
    color: white;
    min-height: 80px;
    background-color: var(--CCR--footer--bgcolor);
    margin-top: 300px;
}

.WA_btn {
    --bs-btn-color: white;
    --bs-btn-bg: #25D366;
    --bs-btn-border-color: #25D366;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #25D366;
    --bs-btn-hover-border-color: #25D366;
    --bs-btn-focus-shadow-rgb: #25D366;
    --bs-btn-active-color: white;
    --bs-btn-active-bg: #25D366;
    --bs-btn-active-border-color: #25D366;
}