:root {
    --ink: #15201d;
    --muted: #60716b;
    --line: #d7ded8;
    --paper: #f7f8f3;
    --white: #ffffff;
    --green: #176b4d;
    --blue: #285f8f;
    --red: #b94a48;
    --deep: #273b35;
}

*,
*::before,
*::after {
    border-radius: 0 !important;
    letter-spacing: 0 !important;
}

body {
    background: var(--paper) !important;
    color: var(--ink) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

a {
    color: inherit;
}

header,
.bg-white,
.bg-gray-50,
.bg-gray-100,
.bg-blue-50,
.bg-indigo-50,
.bg-green-50,
.bg-red-50,
.bg-yellow-50 {
    background: var(--paper) !important;
}

header {
    border-bottom: 1px solid var(--line) !important;
    box-shadow: none !important;
}

footer,
.vatza-footer,
.bg-violet-800,
.bg-gray-800 {
    background: var(--ink) !important;
    color: var(--paper) !important;
}

.vatza-footer-muted,
footer .text-gray-300,
footer .text-gray-400 {
    color: var(--paper) !important;
    opacity: 0.86;
}

.shadow,
.shadow-sm,
.shadow-md,
.shadow-lg,
.shadow-xl,
.card-shadow {
    box-shadow: none !important;
}

.border,
.border-gray-100,
.border-gray-200,
.border-gray-300,
.border-blue-100,
.border-blue-200,
.border-indigo-200,
.border-green-200,
.border-red-200 {
    border-color: var(--line) !important;
}

.text-gray-900,
.text-gray-800,
.text-gray-700,
.text-gray-600,
.text-slate-900,
.text-slate-800 {
    color: var(--ink) !important;
}

.text-gray-500,
.text-gray-400,
.text-slate-500,
.text-slate-400 {
    color: var(--muted) !important;
}

.text-blue-800,
.text-blue-700,
.text-blue-600,
.text-blue-500,
.text-indigo-600,
.text-violet-600,
.text-purple-600 {
    color: var(--green) !important;
}

.text-red-800,
.text-red-700,
.text-red-600,
.text-red-500 {
    color: var(--red) !important;
}

.bg-blue-600,
.bg-blue-500,
.bg-indigo-600,
.bg-indigo-500,
.bg-violet-600,
.bg-purple-600,
.bg-gradient-to-r,
.bg-gradient-to-br,
.btn-primary,
.vatza-primary-action {
    background: var(--ink) !important;
    color: var(--white) !important;
    border-color: var(--ink) !important;
    background-image: none !important;
}

.bg-blue-600:hover,
.bg-blue-500:hover,
.bg-indigo-600:hover,
.bg-indigo-500:hover,
.bg-violet-600:hover,
.bg-purple-600:hover,
.btn-primary:hover,
.vatza-primary-action:hover {
    background: var(--green) !important;
    color: var(--white) !important;
    border-color: var(--green) !important;
    transform: none !important;
}

.bg-blue-100,
.bg-indigo-100,
.bg-violet-100,
.bg-purple-100 {
    background: var(--white) !important;
    color: var(--green) !important;
    border: 1px solid var(--line) !important;
}

.bg-green-100 {
    background: var(--white) !important;
    color: var(--green) !important;
    border: 1px solid var(--green) !important;
}

.bg-red-100 {
    background: var(--white) !important;
    color: var(--red) !important;
    border: 1px solid var(--red) !important;
}

.bg-yellow-100 {
    background: var(--white) !important;
    color: var(--muted) !important;
    border: 1px solid var(--line) !important;
}

button,
.button,
.btn,
input,
select,
textarea,
.rounded,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
.rounded-full {
    border-radius: 0 !important;
}

button,
.btn,
a[class*="px-"][class*="py-"] {
    box-shadow: none !important;
    transform: none !important;
    font-weight: 800;
}

input,
select,
textarea {
    background: var(--white) !important;
    color: var(--ink) !important;
    border: 1px solid var(--line) !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: 2px solid var(--green) !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.gradient-bg,
.hero,
.hero::before {
    background: var(--paper) !important;
    background-image: none !important;
}

.heading-1,
.heading-2,
.heading-3 {
    color: var(--ink) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

.body-text,
.feature-list li {
    color: var(--muted) !important;
}

.wms-feature-card,
.industry-badge,
.highlight-text,
.card,
.modal,
.dropdown-menu,
.table,
.vatza-promo {
    background: var(--white) !important;
    color: var(--ink) !important;
    border: 1px solid var(--line) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.wms-feature-card:hover,
.industry-badge:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: var(--green) !important;
}

.feature-list i,
.vatza-promo-icon,
.fa-warehouse,
.fa-chart-bar {
    color: var(--green) !important;
}

.btn-secondary {
    background: var(--white) !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
    box-shadow: none !important;
}

.btn-secondary:hover {
    color: var(--green) !important;
    border-color: var(--green) !important;
    transform: none !important;
}

.lager-shell,
.lager-card,
.inventory-card,
.stat-card,
.panel,
.drawer,
.dialog {
    background: var(--white) !important;
    border-color: var(--line) !important;
    box-shadow: none !important;
    color: var(--ink) !important;
}

table,
thead,
tbody,
tr,
th,
td {
    border-color: var(--line) !important;
}

th,
thead {
    background: var(--paper) !important;
    color: var(--ink) !important;
}