/* RUF Brand Colors */
:root {
    /* Primary Colors */
    --bs-primary: rgb(254, 73, 39);    /* Pantone 172 */
    --bs-primary-rgb: 254, 73, 39;
    
    /* Secondary Colors */
    --bs-secondary: rgb(6, 42, 48);    /* Pantone 546 */
    --bs-secondary-rgb: 6, 42, 48;
    
    /* Semantic Colors */
    --bs-success: rgb(67, 173, 54);    /* Pantone 361 */
    --bs-success-rgb: 67, 173, 54;
    
    --bs-warning: rgb(252, 205, 65);   /* Pantone 122 */
    --bs-warning-rgb: 252, 205, 65;
    
    --bs-danger: rgb(241, 175, 114);   /* Pantone 7410 */
    --bs-danger-rgb: 241, 175, 114;
    
    /* Text and Background */
    --bs-body-color: rgb(85, 87, 90);  /* Cool Gray 11 */
    --bs-body-bg: rgb(245, 245, 245);  /* Cool Gray 1 */
}

/* Bootstrap Component Colors */
.bg-coolgray {
    background-color: rgb(219, 217, 215) !important;
}
.btn-primary {
    background-color: rgb(254, 73, 39) !important;
    border-color: rgb(254, 73, 39) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: rgba(254, 73, 39, 0.9) !important;
    border-color: rgba(254, 73, 39, 0.9) !important;
}

.btn-primary:active {
    background-color: rgba(254, 73, 39, 0.8) !important;
    border-color: rgba(254, 73, 39, 0.8) !important;
}

.btn-secondary {
    background-color: rgb(6, 42, 48) !important;
    border-color: rgb(6, 42, 48) !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: rgba(6, 42, 48, 0.9) !important;
    border-color: rgba(6, 42, 48, 0.9) !important;
}

.btn-secondary:active {
    background-color: rgba(6, 42, 48, 0.8) !important;
    border-color: rgba(6, 42, 48, 0.8) !important;
}

.btn-success {
    background-color: rgb(67, 173, 54) !important;
    border-color: rgb(67, 173, 54) !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: rgba(67, 173, 54, 0.9) !important;
    border-color: rgba(67, 173, 54, 0.9) !important;
}

.btn-success:active {
    background-color: rgba(67, 173, 54, 0.8) !important;
    border-color: rgba(67, 173, 54, 0.8) !important;
}

.btn-warning {
    background-color: rgb(252, 205, 65) !important;
    border-color: rgb(252, 205, 65) !important;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: rgba(252, 205, 65, 0.9) !important;
    border-color: rgba(252, 205, 65, 0.9) !important;
}

.btn-warning:active {
    background-color: rgba(252, 205, 65, 0.8) !important;
    border-color: rgba(252, 205, 65, 0.8) !important;
}

.btn-danger {
    background-color: rgb(241, 175, 114) !important;
    border-color: rgb(241, 175, 114) !important;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: rgba(241, 175, 114, 0.9) !important;
    border-color: rgba(241, 175, 114, 0.9) !important;
}

.btn-danger:active {
    background-color: rgba(241, 175, 114, 0.8) !important;
    border-color: rgba(241, 175, 114, 0.8) !important;
}

/* Link Colors */
.link-primary {
    color: rgb(254, 73, 39) !important;
}
.link-primary:hover,
.link-primary:focus {
    color: rgba(254, 73, 39, 0.9) !important;
}

.link-secondary {
    color: rgb(6, 42, 48) !important;
}
.link-secondary:hover,
.link-secondary:focus {
    color: rgba(6, 42, 48, 0.9) !important;
}

.link-534c {
    color: rgb(37, 59, 95) !important;
}
.link-534c:hover,
.link-534c:focus {
    color: rgba(37, 59, 95, 0.9) !important;
}

/* Logo Styles */
.navbar-brand {
    padding: 0;
}

.navbar-brand svg {
    height: 40px;
    width: auto;
}

/* Font Stacks */
body {
    font-family: "Verlag A", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Verlag A", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
}

.pull-quote, .caption {
    font-family: 'Sentinel', Georgia, "Times New Roman", serif;
}

/* Existing styles */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--bs-primary);
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* Login Partial Styles */
.navbar-nav.ms-auto {
    margin-left: auto !important;
}

@media (max-width: 991.98px) {
    .navbar-nav.ms-auto {
    }
}

/* Brand Color Background Classes */
.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.bg-success {
    background-color: var(--bs-success) !important;
}

.bg-warning {
    background-color: var(--bs-warning) !important;
}

.bg-danger {
    background-color: var(--bs-danger) !important;
}

.bg-light {
    background-color: var(--brand-light) !important;
}

.bg-dark {
    background-color: var(--brand-dark) !important;
}

/* Brand Color Text Classes */
.text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.text-success {
    color: var(--bs-success) !important;
}

.text-warning {
    color: var(--bs-warning) !important;
}

.text-danger {
    color: var(--bs-danger) !important;
}

.text-light {
    color: var(--brand-light) !important;
}

.text-dark {
    color: var(--brand-dark) !important;
}

/* Brand Color Border Classes */
.border-primary {
    border-color: var(--bs-primary) !important;
}

.border-secondary {
    border-color: var(--bs-secondary) !important;
}

.border-success {
    border-color: var(--bs-success) !important;
}

.border-warning {
    border-color: var(--bs-warning) !important;
}

.border-danger {
    border-color: var(--bs-danger) !important;
}

.border-light {
    border-color: var(--brand-light) !important;
}

.border-dark {
    border-color: var(--brand-dark) !important;
}

/* Brand Color Outline Button Classes */
.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-secondary {
    color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

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

.btn-outline-success:hover {
    color: #fff;
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.btn-outline-info {
    color: var(--brand-info);
    border-color: var(--brand-info);
}

.btn-outline-info:hover {
    color: #fff;
    background-color: var(--brand-info);
    border-color: var(--brand-info);
}

.btn-outline-warning {
    color: var(--bs-warning);
    border-color: var(--bs-warning);
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}

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

.btn-outline-danger:hover {
    color: #fff;
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

.btn-outline-light {
    color: var(--brand-light);
    border-color: var(--brand-light);
}

.btn-outline-light:hover {
    color: var(--brand-dark);
    background-color: var(--brand-light);
    border-color: var(--brand-light);
}

.btn-outline-dark {
    color: var(--brand-dark);
    border-color: var(--brand-dark);
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
}