/**
 * Theme: Emerald Tech
 * Pastel green/teal – soft and subtle.
 */
:root {
  --primary: #9dd4c4;
  --primary-dark: #6ba392;
  --primary-light: #e8f5f0;
  --plyr-color-main: var(--primary-dark);
  --plyr-video-control-background-hover: transparent;
  --plyr-video-control-color-hover: var(--primary-dark);
  --secondary: #7eb8a4;
  --secondary-dark: #6ba392;
  --secondary-light: #e8f5f0;
  --third: #a8d4b8;
  --third-light: #e0f0e6;
  --Neutral-10: #f8faf9;
  --Neutral-20: #ecf2f0;
  --Neutral-30: #dfe9e5;
  --Neutral-40: #c8d6d1;
  --Neutral-50: #9fb0a9;
  --Neutral-60: #6b7a74;
  --Neutral-70: #4d5854;
  --Neutral-80: #353c39;
  --Neutral-90: #252b28;
  --white: #ffffff;
  --black: #1a1e1c;
  --gray: #6b7a74;
  --system-warning-primary: #c4a86a;
  --system-warning-light: #fcf5e8;
  --system-error-primary: #c4958a;
  --system-error-light: #fce8e5;
  --system-info-primary: #8eb4d4;
  --system-info-light: #e8f2fa;
  --system-success-primary: #6ba392;
  --system-success-light: #e8f5f0;
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 24px;
}

.top-nav {
  background-color: var(--primary) !important;
  border-bottom-color: var(--primary-dark) !important;
  color: var(--Neutral-80);
}
.top-nav .brand,
.top-nav .brand:hover,
.top-nav .nav-actions > .btn-rounded,
.top-nav .nav-actions > .stream-btn.btn-rounded {
  color: var(--Neutral-90) !important;
}
.top-nav .col-xl-3 a[href]:not([href="#"]) {
  color: var(--Neutral-90) !important;
}
.top-nav .col-xl-5 form a,
.top-nav .col-xl-5 a {
  color: var(--Neutral-90) !important;
}
.top-nav .nav-actions .profile:hover {
  color: var(--Neutral-90);
  opacity: 0.9;
}
.top-nav .nav-actions .btn-outline,
.top-nav .input-group .btn {
  color: var(--Neutral-80);
  border-color: rgba(0,0,0,0.12);
  background-color: rgba(255,255,255,0.5);
}
.top-nav .input-group input[type=text] {
  background-color: rgba(255,255,255,0.6);
  border-color: rgba(0,0,0,0.08);
  color: var(--Neutral-90);
}
.top-nav .input-group input[type=text]::placeholder {
  color: var(--Neutral-60);
}
.dropdown-menu-user,
.top-nav .dropdown-menu-user {
  background-color: #fff !important;
  color: #212529 !important;
}
.dropdown-menu-user li,
.dropdown-menu-user .dropdown-item,
.dropdown-menu-user a,
.dropdown-menu-user .stream-btn,
.dropdown-menu-user .btn-primary-s,
.dropdown-menu-user span:not(.material-symbols-outlined):not(.bubble) {
  color: #212529 !important;
  background-color: transparent !important;
}
.dropdown-menu-user a.stream-btn:hover,
.dropdown-menu-user .stream-btn:hover,
.dropdown-menu-user .btn-primary-s:hover {
  color: var(--primary) !important;
  background-color: var(--Neutral-10) !important;
}
.dropdown-menu-user .material-symbols-outlined {
  color: #495057 !important;
}
.dropdown-menu-user .material-symbols-outlined:hover {
  color: var(--primary) !important;
}
.dropdown-menu-user .profile-stats h6,
.dropdown-menu-user .profile-stats p,
.dropdown-menu-user .profile-stats .stats,
.dropdown-menu-user .profile-stats strong,
.dropdown-menu-user .body-14,
.dropdown-menu-user .body-12 {
  color: #212529 !important;
}

footer {
  background-color: var(--primary-light);
  border-top: 2px solid var(--primary);
  color: var(--Neutral-70);
}
footer .langs {
  color: var(--Neutral-70);
}
footer .langs a {
  color: var(--primary-dark);
}