:root {
    /* Основна тенант-палитра — единственото, което трябва да се смени, за
       да се направи нова тема (напр. през CatalogStyle override, зареждан
       последен в app.blade.php). Всичко под тази точка е изведено от или
       обвързано с тези 5 цвята, вместо да е разпръснато по ecommerce.css. */
    --primary-color: #4e54c8;
    --secondary-color: #8f94fb;
    --accent-color: #0F81A7;
    --dark-color: #333;
    --dark-color-rgb: 51, 51, 51;
    --light-color: #f8f9fa;

    /* Статусни/семантични цветове */
    --success-color: #4CAF50;
    --success-color-light: #66BB6A;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #6dd5d9;
    --muted-color: #6c757d;
    --muted-color-light: #ddd;

    /* "Линк" синьото не съвпада с --primary-color в дизайна по подразбиране
       (историческо наследство) — изведено отделно, за да остане видимо
       разграничено и лесно преназначаемо в нова тема. */
    --link-color: #0180ff;
    --link-color-hover: #2078A7;
    --link-color-soft: rgba(1, 128, 255, 0.1);

    /* Граници */
    --border-color: #eee;
    --border-color-strong: #e9ecef;
    --border-color-soft: #e0e0e0;

    /* Сенки — едни и същи стойности навсякъде вместо разпръснати rgba() */
    --shadow-sm: 0 5px 15px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 10px 25px rgba(0, 0, 0, 0.15);
    --shadow-lift: 0 10px 30px rgba(0, 0, 0, 0.2);

    /* Градиенти, изградени от палитрата по-горе */
    --gradient-header: linear-gradient(90deg, rgba(14, 97, 153, 1) 0%, rgba(1, 128, 255, 1) 67%);
    --gradient-success: linear-gradient(135deg, var(--success-color), var(--success-color-light));
    --icon-gradient-location: linear-gradient(135deg, #ff6b6b, #ff8e8e);
    --icon-gradient-phone: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    --icon-gradient-email: linear-gradient(135deg, var(--link-color), var(--info-color));
    --icon-gradient-hours: linear-gradient(135deg, #ffa726, #ffb74d);
}

/* Кара Bootstrap класовете (.btn-primary, .bg-primary, .text-primary и др.)
   да четат от нашия --primary-color вместо от свой собствен твърдо закован
   цвят — иначе тенант/AI редакции на --primary-color (през активния
   CatalogStyle, зареждан последен в app.blade.php) не се отразяват на тези
   класове, защото Bootstrap изобщо не използва --primary-color. !important
   е нужен, защото bootstrap.css се зарежда СЛЕД този файл и има собствени
   правила със същата специфичност за същите класове. */
.btn-primary,
.bg-primary,
.text-bg-primary,
.alert-primary,
.text-primary,
.border-primary {
    --bs-primary: var(--primary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    filter: brightness(0.85);
}

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

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

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

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

.alert-primary {
    --bs-alert-color: color-mix(in srgb, var(--primary-color) 60%, black);
    --bs-alert-bg: color-mix(in srgb, var(--primary-color) 15%, white);
    --bs-alert-border-color: color-mix(in srgb, var(--primary-color) 40%, white);
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--primary-color) 25%, transparent);
}