:root {
    --brand-primary: #7f2f46;
    --brand-primary-dark: #4c1f2f;
    --brand-accent: #87958b;
    --brand-ink: #241d20;
    --brand-muted: #665c60;
    --brand-surface: #f5f1ec;
    --brand-card: #ffffff;
    --brand-line: #e4d8ce;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    color: var(--brand-ink) !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    line-height: 1.3 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.8rem !important;
}

label {
    font-weight: 600 !important;
    color: var(--brand-ink) !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.2px !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
}

p {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
    letter-spacing: 0.3px !important;
    color: var(--brand-ink) !important;
}

.text-muted {
    color: var(--brand-muted) !important;
    font-weight: 400 !important;
}

body {
    background: linear-gradient(135deg, #f5f1ec 0%, #ded4cc 100%) !important;
    color: var(--brand-ink) !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.6 !important;
}

.loading-screen,
.hero,
.hero-section,
.header,
.table-header,
.sidebar-header,
.trust-bar,
footer,
.newsletter,
.contact-hero,
.about-hero {
    background: #ffffff !important;
}

nav {
    background: rgba(36, 29, 32, 0.96) !important;
}

.hero,
.hero-section,
.header,
.about-hero,
.contact-hero,
.newsletter,
.trust-bar {
    color: #000000 !important;
}

.hero h1,
.hero h2,
.hero-section h1,
.hero-section h2,
.header h1,
.header h2,
.about-hero h1,
.about-hero h2,
.contact-hero h1,
.contact-hero h2,
.newsletter h2,
.trust-bar h3 {
    color: #000000 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.3 !important;
}

.hero p,
.hero-section p,
.header p,
.about-hero p,
.contact-hero p,
.newsletter p,
.trust-bar p {
    color: #333333 !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    font-size: 1.05rem !important;
}

.logo,
.brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #fff !important;
    -webkit-text-fill-color: initial !important;
    background: none !important;
    letter-spacing: 0 !important;
    animation: none !important;
}

.logo::before,
.brand-logo::before {
    content: "";
    width: 44px;
    height: 44px;
    background: url("images/kwa-sindi-logo.svg") center / contain no-repeat;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
}

.logo span,
.brand-logo span {
    color: #000000 !important;
    animation: none !important;
}

a {
    color: var(--brand-primary) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

a:hover {
    text-decoration: underline !important;
    opacity: 0.85 !important;
}

.nav-links a:hover,
.footer-icon,
.badge-icon,
.price,
.product-price,
.average-rating {
    color: var(--brand-primary) !important;
}

.btn,
.btn-primary,
.btn-secondary,
.btn-checkout,
.btn-update,
.hero-btn,
.filter-button,
.action-btn,
.action-link,
button[type="submit"] {
    background: linear-gradient(135deg, var(--brand-primary-dark), var(--brand-primary)) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    font-size: 0.9rem !important;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-checkout:hover,
.hero-btn:hover,
.action-btn:hover,
.action-link:hover {
    box-shadow: 0 16px 34px rgba(127, 47, 70, 0.22) !important;
}

.product-card,
.form-card,
.cart-summary,
.cart-table,
.info-card,
.stat-card,
.table-section,
.sidebar,
.review-form,
.review-item {
    border: 1px solid var(--brand-line) !important;
    box-shadow: 0 14px 36px rgba(36, 29, 32, 0.08) !important;
}

.badge-icon {
    background: rgba(127, 47, 70, 0.08) !important;
}

.cart-icon,
.status-paid,
.step.active .step-num,
.delivery-opt.selected {
    background: var(--brand-primary) !important;
    color: #fff !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(127, 47, 70, 0.13) !important;
}

input,
textarea,
select {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
}

input::placeholder,
textarea::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}