@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap');

:root { --brand-size: 40px; }

[data-theme="dark"] { color-scheme: dark; }
[data-theme="dark"] body      { background-color: #0b1220; }
[data-theme="dark"] .bg-white { background-color: #0f172a !important; }
[data-theme="dark"] .bg-gray-50 { background-color: #0b1220 !important; }
[data-theme="dark"] .text-gray-800, [data-theme="dark"] .text-gray-900 { color: #e5e7eb !important; }
[data-theme="dark"] .text-gray-700 { color: #d1d5db !important; }
[data-theme="dark"] .text-gray-600, [data-theme="dark"] .text-gray-500, [data-theme="dark"] p, [data-theme="dark"] li { color: #9ca3af !important; }
[data-theme="dark"] .text-gray-400 { color: #94a3b8 !important; }
[data-theme="dark"] .border-gray-200 { border-color: #1f2937 !important; }
[data-theme="dark"] .border-gray-300 { border-color: #374151 !important; }
[data-theme="dark"] input, textarea, select { background-color: #111827 !important; color: #e5e7eb !important; border-color: #374151 !important; }
[data-theme="dark"] .shadow-md, [data-theme="dark"] .shadow-lg { box-shadow: 0 10px 30px rgba(0,0,0,.5) !important; }

body { font-family: 'Be Vietnam Pro', sans-serif; }

.nav-link{ position:relative; display:inline-flex; align-items:center; }
.nav-link:hover { color: #3B82F6; }
.nav-link::after { content:''; position:absolute; left:0; right:0; bottom:-2px; width:0; height:2px; background:#3B82F6; transition:width .3s; }
.nav-link:hover::after, .nav-link.active::after { width:100%; }
.nav-link.active { color:#3B82F6 !important; }

.breadcrumb a { color:#60A5FA; }
.breadcrumb span { color:#9CA3AF; }

.hero-gradient { background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%); }

.logo { width: var(--brand-size); height: var(--brand-size); }
.logo-light { display: inline-block; }
.logo-dark  { display: none; }
[data-theme="dark"] .logo-light { display: none; }
[data-theme="dark"] .logo-dark  { display: inline-block; }