/* Menasa — Crimson theme (red family)
   Activate with SiteBranding:Theme = "crimson" */
:root {
    --m-primary: #c81e1e;
    --m-primary-dark: #9f1239;
    --m-primary-light: #fef2f2;
    --m-accent: #e11d48;
    --m-bg: #faf7f6;
    --m-surface: #ffffff;
    --m-text: #1c1917;
    --m-text-muted: #57534e;
    --m-border: #e7dcd8;
    --m-shadow: 0 4px 24px rgba(28, 25, 23, 0.06);
    --m-shadow-lg: 0 20px 50px rgba(200, 30, 30, 0.16);
}

.m-btn--primary {
    box-shadow: 0 8px 20px rgba(200, 30, 30, 0.28);
}

.m-btn--primary:hover {
    box-shadow: 0 12px 28px rgba(200, 30, 30, 0.38);
}

.m-hero {
    background: linear-gradient(145deg, #4c0519 0%, #9f1239 42%, #c81e1e 100%);
}

.m-hero::before {
    background:
        radial-gradient(circle at 18% 82%, rgba(225, 29, 72, 0.28) 0%, transparent 50%),
        radial-gradient(circle at 82% 18%, rgba(251, 191, 36, 0.12) 0%, transparent 45%);
}

.m-page-hero {
    background: linear-gradient(135deg, var(--m-primary-light) 0%, #fff 100%);
}

.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 3px rgba(200, 30, 30, 0.18);
    border-color: var(--m-primary);
}

.m-package-card--featured {
    border-color: var(--m-primary);
}

.m-footer {
    background: #4c0519;
}

.m-nav .nav-link.active,
.m-nav .nav-link:hover {
    color: var(--m-primary) !important;
    background: var(--m-primary-light);
}

.m-feature__icon {
    background: var(--m-primary-light);
    color: var(--m-primary);
}