/* ========================================================= Theme: custom-1 (Primary: Green) Scope: only affects pages where ========================================================= */ a{ opacity: 1 !important; } body{ background-color: #cff9f0 !important; } /* Header logo: subtle white border/outline following the image */ .header-logo-img { filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 4px rgba(255, 255, 255, 0.5)); } /* Optional: light box border (uncomment if you prefer a simple border) */ /* .header-logo-img { border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; } */ body.custom-1 { /* Brand palette - chủ đạo #dcffe9, văn bản đen tăng tương phản */ --c1-primary: #dcffe9; /* main mint green */ --c1-primary-100: #c8f5dc; /* hover nhẹ hơn primary */ --c1-primary-600: #0d9660; --c1-primary-700: #0a7c4d; --c1-primary-rgb: 220, 255, 233; --c1-on-primary: #000000; /* Văn bản chung: đen */ color: #000000; /* Header */ --c1-header-bg: #dcffe9; --c1-header-on: #000000; --c1-header-hover-bg: rgba(0, 0, 0, 0.06); /* Optional supporting colors */ --c1-ring: rgba(13, 150, 96, 0.35); --c1-border: rgba(13, 150, 96, 0.25); --c1-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); accent-color: var(--c1-primary-600); } /* Bootstrap-friendly overrides (safe even if Bootstrap isn't present) */ body.custom-1 { --bs-primary: var(--c1-primary-600); --bs-primary-rgb: 13, 150, 96; --bs-link-color: var(--c1-primary-700); --bs-link-hover-color: var(--c1-primary-600); --bs-body-color: #000000; --bs-focus-ring-color: var(--c1-ring); } body.custom-1 .bg-blue-600{ background-color: var(--c1-primary-600) !important; } body.custom-1 .link_button_blue{ background-color: var(--c1-primary-600) !important; border: 1px solid var(--c1-primary-700); color: #ffffff !important; } /* Text + links */ body.custom-1 a:hover, body.custom-1 .link:hover, body.custom-1 [role="link"]:hover { color: var(--c1-primary-600); } body.custom-1 ::selection { background: rgba(13, 150, 96, 0.25); color: #000000; } /* Common "primary" utility classes */ body.custom-1 .text-primary { color: var(--c1-primary-700) !important; } body.custom-1 .bg-primary { background-color: var(--c1-primary) !important; color: #000000 !important; } body.custom-1 .border-primary { border-color: var(--c1-primary-600) !important; } /* Header: orange top bar (avoid changing dropdown panels) */ body.custom-1 header { background-color: var(--c1-header-bg) !important; } body.custom-1 header > div { background-color: var(--c1-header-bg) !important; color: var(--c1-header-on) !important; } /* Desktop top-level nav items only */ body.custom-1 header > div nav > div > button, body.custom-1 header > div nav > div > a { color: var(--c1-header-on) !important; } body.custom-1 header > div nav > div > button:hover, body.custom-1 header > div nav > div > a:hover { color: var(--c1-primary-700) !important; background-color: var(--c1-header-hover-bg) !important; } /* Mobile hamburger icon */ body.custom-1 #mobile-menu-toggle { color: var(--c1-header-on) !important; background: rgba(0, 0, 0, 0.08) !important; } body.custom-1 #mobile-menu-toggle:hover { background: rgba(0, 0, 0, 0.12) !important; } /* Buttons (generic + Bootstrap-like) */ body.custom-1 button, body.custom-1 [type="button"], body.custom-1 [type="submit"], body.custom-1 .btn, body.custom-1 .button { --_c1-btn-ring: 0 0 0 4px var(--c1-ring); } /* Any