/*
==================================================================================================================================
 																 Dekk24.no color CSS
Produsert av Robert Steine @ 2010 - 2026
Alle rettigheter tilhører Robert Steine og er beskyttet under lov om opphavsrett.
==================================================================================================================================
*/
/* ==========================================================================
   Dekk24
   ========================================================================== */

:root {
	/* Brand */
	--d24-orange: #F15F22;
	--d24-orange-hover: #D94E15;
	--d24-orange-active: #C74612;

	--d24-blue-dark: #173B57;
	--d24-blue-dark-hover: #102E45;
	--d24-blue-dark-active: #0D283C;

	--d24-blue-light: #2697D0;
	--d24-blue-light-hover: #2185B8;
	--d24-blue-light-active: #1C739F;

	/* Semantic */
	--d24-success: #2F7D5A;
	--d24-success-hover: #276B4C;
	--d24-success-active: #205A40;

	--d24-danger: #C94A4A;
	--d24-danger-hover: #AD3E3E;
	--d24-danger-active: #943535;

	/* Bootstrap colour mapping */
	--bs-primary: #F15F22;
	--bs-primary-rgb: 241, 95, 34;

	--bs-secondary: #173B57;
	--bs-secondary-rgb: 23, 59, 87;

	--bs-info: #2697D0;
	--bs-info-rgb: 38, 151, 208;

	--bs-success: #2F7D5A;
	--bs-success-rgb: 47, 125, 90;

	--bs-danger: #C94A4A;
	--bs-danger-rgb: 201, 74, 74;
}


/* ==========================================================================
   Primary 
   ========================================================================== */

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--d24-orange);
	--bs-btn-border-color: var(--d24-orange);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--d24-orange-hover);
	--bs-btn-hover-border-color: var(--d24-orange-hover);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--d24-orange-active);
	--bs-btn-active-border-color: var(--d24-orange-active);

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--d24-orange);
	--bs-btn-disabled-border-color: var(--d24-orange);
}

.btn-outline-primary {
	--bs-btn-color: var(--d24-orange-hover);
	--bs-btn-border-color: var(--d24-orange);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--d24-orange);
	--bs-btn-hover-border-color: var(--d24-orange);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--d24-orange-active);
	--bs-btn-active-border-color: var(--d24-orange-active);
}


/* ==========================================================================
   Secondary
   ========================================================================== */

.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--d24-blue-dark);
	--bs-btn-border-color: var(--d24-blue-dark);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--d24-blue-dark-hover);
	--bs-btn-hover-border-color: var(--d24-blue-dark-hover);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--d24-blue-dark-active);
	--bs-btn-active-border-color: var(--d24-blue-dark-active);
}

.btn-outline-secondary {
	--bs-btn-color: var(--d24-blue-dark);
	--bs-btn-border-color: var(--d24-blue-dark);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--d24-blue-dark);
	--bs-btn-hover-border-color: var(--d24-blue-dark);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--d24-blue-dark-active);
	--bs-btn-active-border-color: var(--d24-blue-dark-active);
}


/* ==========================================================================
   Info 
   ========================================================================== */

.btn-info {
	--bs-btn-color: #212529;
	--bs-btn-bg: var(--d24-blue-light);
	--bs-btn-border-color: var(--d24-blue-light);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--d24-blue-light-hover);
	--bs-btn-hover-border-color: var(--d24-blue-light-hover);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--d24-blue-light-active);
	--bs-btn-active-border-color: var(--d24-blue-light-active);
}

.btn-outline-info {
	--bs-btn-color: #1878A7;
	--bs-btn-border-color: var(--d24-blue-light);

	--bs-btn-hover-color: #212529;
	--bs-btn-hover-bg: var(--d24-blue-light);
	--bs-btn-hover-border-color: var(--d24-blue-light);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--d24-blue-light-active);
	--bs-btn-active-border-color: var(--d24-blue-light-active);
}


/* ==========================================================================
   Success
   ========================================================================== */

.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--d24-success);
	--bs-btn-border-color: var(--d24-success);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--d24-success-hover);
	--bs-btn-hover-border-color: var(--d24-success-hover);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--d24-success-active);
	--bs-btn-active-border-color: var(--d24-success-active);
}

.btn-outline-success {
	--bs-btn-color: var(--d24-success);
	--bs-btn-border-color: var(--d24-success);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--d24-success);
	--bs-btn-hover-border-color: var(--d24-success);
}


/* ==========================================================================
   Danger 
   ========================================================================== */

.btn-danger {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--d24-danger);
	--bs-btn-border-color: var(--d24-danger);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--d24-danger-hover);
	--bs-btn-hover-border-color: var(--d24-danger-hover);

	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--d24-danger-active);
	--bs-btn-active-border-color: var(--d24-danger-active);
}

.btn-outline-danger {
	--bs-btn-color: var(--d24-danger);
	--bs-btn-border-color: var(--d24-danger);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--d24-danger);
	--bs-btn-hover-border-color: var(--d24-danger);
}


/* ==========================================================================
   Links and focus
   ========================================================================== */

a {
	--bs-link-color-rgb: 23, 59, 87;
	--bs-link-hover-color-rgb: 38, 151, 208;
}

.form-control:focus,
.form-select:focus {
	border-color: var(--d24-orange);
	box-shadow: 0 0 0 .25rem rgba(241, 95, 34, .15);
}