/* Global Visual Depth Enhancements */

/* Enhanced Primary Colors */
:root {
    --primary-color: #3369d3;
    --primary-hover: #2854b8;
    --primary-active: #1e4a9f;
    --background-soft: #fafafa;
    --background-card: #f8f8ff;
    --text-primary: #343a40;
    --text-secondary: #495057;
    --shadow-primary: rgba(51, 105, 211, 0.15);
    --shadow-secondary: rgba(0, 0, 0, 0.08);
}

/* Universal Button Enhancements */
button:not(.theme-toggle):not(.mobile-menu-toggle),
.btn,
input[type="submit"],
input[type="button"] {
    background: var(--primary-color) !important;
    box-shadow: 0 3px 10px var(--shadow-primary) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

button:not(.theme-toggle):not(.mobile-menu-toggle):hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: var(--primary-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px var(--shadow-primary), 0 2px 8px var(--shadow-secondary) !important;
}

button:not(.theme-toggle):not(.mobile-menu-toggle):active,
.btn:active,
input[type="submit"]:active,
input[type="button"]:active {
    transform: translateY(0) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px var(--shadow-secondary) !important;
}

/* Enhanced Card System */
.principle-card,
.contact-info,
.trust-badge,
.security-badges .badge {
    background: var(--background-card) !important;
    box-shadow: 0 4px 12px var(--shadow-primary), 0 1px 4px var(--shadow-secondary) !important;
    transition: all 0.3s ease !important;
}

.principle-card:hover,
.trust-badge:hover,
.security-badges .badge:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px var(--shadow-primary), 0 3px 8px var(--shadow-secondary) !important;
}

/* Enhanced Input Fields */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea,
select {
    border: 2px solid #e9ecef !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(51, 105, 211, 0.1), 0 2px 8px var(--shadow-secondary) !important;
}

/* Enhanced Navigation */
.header-nav a {
    transition: all 0.3s ease !important;
}

.header-nav a:hover {
    text-shadow: 0 1px 3px var(--shadow-primary) !important;
}

/* Enhanced Theme Toggle */
.theme-toggle {
    box-shadow: 0 2px 8px var(--shadow-secondary) !important;
    transition: all 0.3s ease !important;
}

.theme-toggle:hover {
    box-shadow: 0 4px 12px var(--shadow-primary) !important;
}

/* Enhanced Footer */
.site-footer {
    box-shadow: 0 -2px 10px var(--shadow-secondary) !important;
}

/* Mobile Enhancements */
@media (max-width: 768px) {
    .tool-card:active {
        transform: scale(0.95) !important;
        box-shadow: 0 2px 8px var(--shadow-secondary) !important;
    }
    
    button:active,
    .btn:active {
        transform: scale(0.95) !important;
    }
}

/* Dark Theme Adjustments */
[data-theme="dark"] {
    --background-soft: #1a1a1a;
    --background-card: #2c3e50;
    --text-primary: #e9ecef;
    --text-secondary: #bdc3c7;
    --shadow-primary: rgba(0, 0, 0, 0.3);
    --shadow-secondary: rgba(0, 0, 0, 0.2);
}

body.dark-mode {
    --background-soft: #1a1a1a;
    --background-card: #2d2d2d;
    --text-primary: #e9ecef;
    --text-secondary: #bdc3c7;
    --shadow-primary: rgba(0, 0, 0, 0.5);
    --shadow-secondary: rgba(0, 0, 0, 0.3);
}