:root {
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --text-disabled: #9ca3af;
    --link-color: #ea580c;
    --link-hover: #c2410c;
    --border-light: #d1d5db;
    --border-medium: #9ca3af;
    --bg-light: #f9fafb;
    --bg-medium: #f3f4f6
}

.text-gray,
.text-muted,
.product-description,
.category-description,
.footer-text,
small,
.form-text {
    color: var(--text-muted) !important
}

::placeholder {
    color: var(--text-disabled) !important;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: var(--text-disabled) !important
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled {
    color: var(--text-disabled) !important;
    background-color: var(--bg-medium) !important;
    border-color: var(--border-light) !important
}

a {
    color: var(--link-color) !important
}

a:hover {
    color: var(--link-hover) !important
}

a[style*="background"][style*="#F97316"],
a[style*="background"][style*="#f97316"],
a[style*="background"][style*="F97316"],
a[style*="background"][style*="f97316"],
a[style*="background: linear-gradient"],
a[style*="background:linear-gradient"],
a.btn-primary,
a.btn-go-shop,
button[style*="#F97316"],
button[style*="#f97316"],
.btn-primary,
.btn-compare-view,
.sidecart-checkout-btn,
.btn-sidecart-checkout,
.btn-sidecart-checkout i {
    color: white !important;
    text-decoration: none !important
}

a[style*="background"][style*="#F97316"] *,
a[style*="background"][style*="#f97316"] *,
a[style*="background: linear-gradient"] *,
a[style*="background:linear-gradient"] *,
.btn-primary *,
.btn-compare-view *,
.sidecart-checkout-btn *,
.login-btn,
.login-btn:hover,
.login-btn span,
.login-btn i,
.login-btn:hover span,
.login-btn:hover i {
    color: white !important
}

.login-btn,
.login-btn:hover,
.login-btn:focus,
.login-btn:active,
.btn-accept,
.btn-accept:hover,
.btn-accept:focus,
.btn-accept:active {
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%) !important;
    color: white !important
}

.footer a,
.footer-links a {
    color: var(--text-secondary) !important
}

.footer a:hover,
.footer-links a:hover {
    color: var(--link-color) !important
}

.breadcrumb-item {
    color: var(--text-secondary) !important
}

.breadcrumb-item.active {
    color: var(--text-muted) !important
}

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

.price,
.product-price {
    color: var(--text-primary) !important
}

.old-price,
.price-old {
    color: var(--text-muted) !important
}

.btn-secondary {
    background-color: var(--text-secondary) !important;
    color: white !important
}

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

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

label,
.form-label {
    color: var(--text-primary) !important;
    font-weight: 600
}

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

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

td {
    color: var(--text-secondary) !important
}

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

.modal-body {
    color: var(--text-secondary) !important
}

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

.card-text {
    color: var(--text-secondary) !important
}

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

.nav-link {
    color: var(--text-secondary) !important
}

.nav-link:hover {
    color: var(--link-color) !important
}

.nav-link.active {
    color: white !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

.dropdown-item {
    color: var(--text-secondary) !important
}

.dropdown-item:hover {
    color: var(--text-primary) !important;
    background-color: var(--bg-light) !important
}