:root {
    /* ================= Основни цветове ================= */
    --main-color: #3f47cc;      /* primary */
    --sec-color: #e3e4f4;       /* secondary / accent */
	--tri-color: #f3f4f7;
    --body-color: #000;      /* текст по подразбиране */

   
    --border-dark : #191e6f; /* #555 */
	--border-light: #dee2e6 ;
	--global-border-width: 1px;
	--border-color: var( --border-dark ); /* Bootstrap lite - #dee2e6 // darck - #212529 */
	--bs-border-color: var( --border-dark );
	
	
    --temp-color: #f7d1db; /* #f7d1db */
    --dark-grey-color: var( --border-dark );
	--red-color: var(--bs-danger);

    /* ================= Шрифтове ================= */
    --main-font: "Russo One", sans-serif;
    --sec-font:  "Exo 2", sans-serif;

    /* ================= Bootstrap ================= */
    --bs-primary: var(--main-color);      /* бутоните, линкове и акценти */	
    --bs-secondary: var(--sec-color);    /* вторични бутон/акценти */
    --bs-link-color: var(--main-color);  
    --bs-link-hover-color: darken(var(--main-color), 10%); /* ако искаш hover */
    --bs-pagination-active-bg: var(--main-color);
    --bs-pagination-active-border-color: var(--main-color);
	
	
	/* ================== min 992 px ======================== */
	--header-height: 177.5px;
	--footer-height: 54px; 
	
}

@media (max-width: 767px) {
	
	:root {
		--header-height: 225.5px;
		--footer-height: 84px;
	}
}

@font-face {
  font-family: 'Bootstrap Icons';
  src: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.woff2') format('woff2');
  font-display: swap;
}

.font {
	font-family: var(--main-font);
	font-weight: 400;
	font-style: normal;
}

.sec-font{
	font-family: var( --sec-font );
	font-size: 1rem; 
}

.container {
	max-width: 1380px !important; /* за Bootstrap контейнер */
	width: 100%; /* за да е responsive */
	margin-left: auto;
	margin-right: auto;
}
/* Всички primary елементи */
.btn-primary,
.bg-primary,
.text-primary {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: #fff !important;
}

/* Hover и active */
html body section .btn-outline-primary:hover{
	background-color: var(--main-color) !important;
}

html body section .btn-primary:hover,
.bg-primary:hover,
.btn-primary:focus,
.bg-primary:focus {
    background-color: var(--dark-grey-color) !important; /* var(--dark-grey-color) */
    border-color: var(--main-color) !important;
}


.xxxx,
.xxxx *{
	border:solid 1px red
}

/* Bootstrap .text-warning (#ffc107) е с контраст ~1.6:1 върху бял фон — не минава WCAG AA.
   Тъмен амбър със същия "предупредителен" смисъл, но четим. */
.text-onrequest{
	color: #b45309 !important;
}