/*
 * Brand setup (Child Theme only)
 * Edit only the values below.
 */
:root {
    --cms-brand-primary: #0d6efd;
    --cms-brand-primary-hover: #0b5ed7;
    --cms-brand-primary-active: #0a58ca;
    --cms-brand-primary-rgb: 13, 110, 253;
    --cms-brand-primary-subtle-bg: #e7f1ff;
    --cms-brand-primary-subtle-border: #9ec5fe;
    --cms-brand-primary-subtle-text: #084298;

    --cms-brand-success: #198754;
    --cms-brand-success-rgb: 25, 135, 84;
    --cms-brand-success-subtle-bg: #d1e7dd;
    --cms-brand-success-subtle-border: #a3cfbb;
    --cms-brand-success-subtle-text: #0f5132;

    --cms-brand-info: #0dcaf0;
    --cms-brand-info-rgb: 13, 202, 240;
    --cms-brand-info-subtle-bg: #cff4fc;
    --cms-brand-info-subtle-border: #9eeaf9;
    --cms-brand-info-subtle-text: #055160;

    --cms-brand-warning: #ffc107;
    --cms-brand-warning-rgb: 255, 193, 7;
    --cms-brand-warning-subtle-bg: #fff3cd;
    --cms-brand-warning-subtle-border: #ffe69c;
    --cms-brand-warning-subtle-text: #664d03;

    --cms-brand-danger: #dc3545;
    --cms-brand-danger-rgb: 220, 53, 69;
    --cms-brand-danger-subtle-bg: #f8d7da;
    --cms-brand-danger-subtle-border: #f1aeb5;
    --cms-brand-danger-subtle-text: #842029;

    --bs-link-color: var(--cms-brand-primary);
    --bs-link-hover-color: var(--cms-brand-primary-hover);
    --bs-focus-ring-color: rgba(var(--cms-brand-primary-rgb), .25);
}

/* Bootstrap buttons */
.btn-primary {
    --bs-btn-bg: var(--cms-brand-primary);
    --bs-btn-border-color: var(--cms-brand-primary);
    --bs-btn-hover-bg: var(--cms-brand-primary-hover);
    --bs-btn-hover-border-color: var(--cms-brand-primary-hover);
    --bs-btn-active-bg: var(--cms-brand-primary-active);
    --bs-btn-active-border-color: var(--cms-brand-primary-active);
    --bs-btn-disabled-bg: var(--cms-brand-primary);
    --bs-btn-disabled-border-color: var(--cms-brand-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--cms-brand-primary);
    --bs-btn-border-color: var(--cms-brand-primary);
    --bs-btn-hover-bg: var(--cms-brand-primary);
    --bs-btn-hover-border-color: var(--cms-brand-primary);
    --bs-btn-active-bg: var(--cms-brand-primary-active);
    --bs-btn-active-border-color: var(--cms-brand-primary-active);
    --bs-btn-disabled-color: var(--cms-brand-primary);
    --bs-btn-disabled-border-color: var(--cms-brand-primary);
}

/* Bootstrap alerts */
.alert-primary {
    --bs-alert-color: var(--cms-brand-primary-subtle-text);
    --bs-alert-bg: var(--cms-brand-primary-subtle-bg);
    --bs-alert-border-color: var(--cms-brand-primary-subtle-border);
}

.alert-success {
    --bs-alert-color: var(--cms-brand-success-subtle-text);
    --bs-alert-bg: var(--cms-brand-success-subtle-bg);
    --bs-alert-border-color: var(--cms-brand-success-subtle-border);
}

.alert-info {
    --bs-alert-color: var(--cms-brand-info-subtle-text);
    --bs-alert-bg: var(--cms-brand-info-subtle-bg);
    --bs-alert-border-color: var(--cms-brand-info-subtle-border);
}

.alert-warning {
    --bs-alert-color: var(--cms-brand-warning-subtle-text);
    --bs-alert-bg: var(--cms-brand-warning-subtle-bg);
    --bs-alert-border-color: var(--cms-brand-warning-subtle-border);
}

.alert-danger {
    --bs-alert-color: var(--cms-brand-danger-subtle-text);
    --bs-alert-bg: var(--cms-brand-danger-subtle-bg);
    --bs-alert-border-color: var(--cms-brand-danger-subtle-border);
}

/* Utility classes that often appear in content */
.bg-primary,
.text-bg-primary {
    background-color: var(--cms-brand-primary) !important;
}

.link-primary,
.text-primary {
    color: var(--cms-brand-primary) !important;
}

/* CMS accent elements from core app.css */
.nav-link:hover,
.nav-link:focus {
    color: var(--cms-brand-primary);
}

.product-gallery-thumb.is-active {
    border-color: var(--cms-brand-primary) !important;
    box-shadow: 0 0 0 1px var(--cms-brand-primary);
}

.shop-category-card:hover,
.shop-category-card:focus {
    border-color: var(--cms-brand-primary);
    box-shadow: 0 0 0 1px var(--cms-brand-primary);
}