/* Hotpack palette — same as React: Crema / Carbón / Brasa */
:root {
    --hp-crema: #F5F4EE;
    --hp-carbon: #3B3A35;
    --hp-brasa: #C2602F;
    --hp-brasa-deep: #8F431F;
    --hp-paper: #FFFEF9;

    --primary-clr: #C2602F;
    --primary-clr-rgb: 194, 96, 47;
    --primary: #C2602F;
    --primary-dark: #9A4A22;
    --dark-clr: #3B3A35;
    --base-clr: #C2602F;
    --base-clr-2: #D27442;
    --text-title: #3B3A35;
    --text-title-rgb: 59, 58, 53;
    --theameColor: #C2602F;
    --theameColor-rgba: 194, 96, 47;
    --bs-primary: #C2602F;
    --bs-primary-rgb: 194, 96, 47;
    --bs-secondary: #3B3A35;
    --bs-secondary-rgb: 59, 58, 53;
}

body,
body.v2-chrome {
    --v2-bg: #F5F4EE;
    --v2-panel: #FFFEF9;
    --v2-border: #E0DDD2;
    --v2-border-strong: #D8D6CC;
    --v2-text: #3B3A35;
    --v2-text-soft: #55544E;
    --v2-text-muted: #8A887E;
    --v2-hover: #EDEBE3;
    --v2-primary: #C2602F;
    --v2-primary-deep: #8F431F;
    --v2-primary-tint: #F4E4D8;
    --v2-primary-tint-strong: #E8C4B0;
    --v2-module: #C2602F;
    --v2-module-deep: #8F431F;
    --v2-module-tint: #F4E4D8;
    --v2-module-tint-strong: #E8C4B0;
    background-color: #F5F4EE;
}

body.auth-wrapper,
.auth-wrapper,
.main {
    --primary-clr: #C2602F;
}

.text--039D55,
.auth-left-cont .title strong {
    color: #C2602F !important;
}

.btn--primary,
.btn-primary {
    background-color: #C2602F !important;
    border-color: #C2602F !important;
}

.btn--primary:hover,
.btn-primary:hover {
    background-color: #9A4A22 !important;
    border-color: #9A4A22 !important;
}

a,
.nav-link.active,
.navbar-vertical .nav-link.active {
    --link-accent: #C2602F;
}