/* RESET DARK THEME TO WHITE */
body, 
.dark,
.bg-dark,
.bg-gray-900,
.bg-slate-900,
[class*="bg-gray"],
[class*="bg-slate"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

body, 
html,
#root,
div[class*="min-h-screen"] {
    background-color: #ffffff !important;
}

/* TEXT COLORS */
body, p, span, div, h1, h2, h3, h4, h5, h6 {
    color: #1f2937 !important;
}

/* HEADER NAVIGATION */
header, 
nav, 
.navbar,
[class*="header"],
[class*="navbar"] {
    background: #ffffff !important;
    border-bottom: 3px solid #dc2626 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* BUTTONS - RED THEME */
button,
[class*="button"],
[class*="btn"],
a[role="button"] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.2) !important;
}

button:hover,
[class*="button"]:hover,
[class*="btn"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px -3px rgba(220, 38, 38, 0.4) !important;
    background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%) !important;
}

button:active {
    transform: translateY(0) !important;
}

/* TOOL CARDS - UNIQUE BOXES */
[class*="card"],
[class*="tool"],
.tool-card,
.grid > div,
[class*="rounded-lg"] {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

[class*="card"]:hover,
[class*="tool"]:hover,
.grid > div:hover {
    transform: translateY(-4px) !important;
    border-color: #dc2626 !important;
    box-shadow: 0 20px 25px -5px rgba(220, 38, 38, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.02) !important;
}

/* FOOTER */
footer,
[class*="footer"] {
    background: linear-gradient(180deg, #1f2937 0%, #111827 100%) !important;
    color: #f3f4f6 !important;
    border-top: 3px solid #dc2626 !important;
    padding: 3rem 2rem !important;
    margin-top: 4rem !important;
}

footer * {
    color: #e5e7eb !important;
}

footer a:hover {
    color: #dc2626 !important;
}

/* LINKS */
a {
    color: #dc2626 !important;
    transition: color 0.2s !important;
}

a:hover {
    color: #991b1b !important;
}

/* INPUT FIELDS */
input, textarea, select {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    color: #1f2937 !important;
    transition: all 0.2s !important;
}

input:focus, textarea:focus, select:focus {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important;
    outline: none !important;
}

/* MODERN TOUCHES */
.container, [class*="container"] {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

/* RED ACCENT BORDERS */
hr {
    border-color: #dc2626 !important;
    opacity: 0.3 !important;
}

/* BADGES */
[class*="badge"], [class*="tag"] {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}