/* ============================================================
   DomiSoftware – Custom styles (index.html)
   ============================================================ */

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}

.glass-panel {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #007BFF 0%, #20c997 100%);
}

.bg-pattern-isometric {
    background-image: radial-gradient(#e2e8f0 1px, transparent 1px);
    background-size: 20px 20px;
}

/* ============================================================
   Scroll Animations (Reveal)
   ============================================================ */

.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* ============================================================
   About Section Enhancements
   ============================================================ */

/* ============================================================
   Cookie Consent Banner
   ============================================================ */

#cookie-consent-banner {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid rgba(226, 232, 240, 0.8);
    box-shadow: 0 -10px 25px -5px rgba(0, 0, 0, 0.1), 0 -8px 10px -6px rgba(0, 0, 0, 0.1);
}

.cookie-btn {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-btn:active {
    transform: scale(0.95);
}

/* ============================================================
   Dark Mode Utilities (Overriding Tailwind Defaults)
   ============================================================ */
.dark body { background-color: #0f172a !important; color: #f8fafc !important; }

/* Sections */
.dark .bg-background-light { background-color: #0f172a !important; }
.dark .bg-background-subtle { background-color: #020617 !important; border-top-color: #1e293b !important; }
.dark section.bg-white { background-color: #0f172a !important; }
.dark section.bg-slate-50 { background-color: #020617 !important; }
.dark .bg-background-dark { background-color: #000000 !important; border-top: 1px solid #1e293b !important; }

/* Cards & Elements */
.dark .bg-white { background-color: #1e293b !important; }
.dark .bg-white\/95 { background-color: rgba(15, 23, 42, 0.95) !important; }
.dark .bg-white\/80 { background-color: rgba(30, 41, 59, 0.8) !important; color: #f8fafc; }
.dark div.bg-slate-50 { background-color: #0f172a !important; }
.dark div.bg-slate-100 { background-color: #0a0f1c !important; }
.dark .bg-slate-900 { background-color: #334155 !important; }

.dark .text-slate-900 { color: #f8fafc !important; }
.dark .text-slate-800 { color: #f1f5f9 !important; }
.dark .text-slate-700 { color: #e2e8f0 !important; }
.dark .text-slate-600 { color: #cbd5e1 !important; }
.dark .text-slate-500 { color: #94a3b8 !important; }
.dark .text-text-main { color: #f8fafc !important; }
.dark .text-text-muted { color: #cbd5e1 !important; }

.dark .border-slate-50 { border-color: #334155 !important; }
.dark .border-slate-100 { border-color: #334155 !important; }
.dark .border-slate-200 { border-color: #475569 !important; }
.dark .border-gray-100 { border-color: #334155 !important; }
.dark .border-white { border-color: #1e293b !important; }
.dark .border-white\/60 { border-color: rgba(51, 65, 85, 0.6) !important; }

.dark .hover\:bg-slate-50:hover { background-color: #334155 !important; }
.dark .hover\:text-primary:hover { color: #3b82f6 !important; }

.dark .glass-panel {
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark #cookie-consent-banner { background: rgba(30, 41, 59, 0.95) !important; border-top-color: #475569 !important; }
.dark .cookie-btn { border-color: #475569 !important; color: #f8fafc; }
.dark #cookie-reject.cookie-btn { color: #f8fafc !important; }

.dark .bg-green-50 { background-color: rgba(6, 78, 59, 0.3) !important; border-color: #065f46 !important; }
.dark .text-green-800 { color: #34d399 !important; }
.dark .text-green-700 { color: #6ee7b7 !important; }