/**
 * Theme: Sage Garden
 * Pastel sage – muted green-grey, calm.
 */
:root {
  --primary: #b8c8b8;
  --primary-dark: #94a894;
  --primary-light: #eef2ee;
  --plyr-color-main: var(--primary-dark);
  --plyr-video-control-background-hover: transparent;
  --plyr-video-control-color-hover: var(--primary-dark);
  --secondary: #a4b4a4;
  --secondary-dark: #94a894;
  --secondary-light: #eef2ee;
  --third: #c8d4c8;
  --third-light: #e5ebe5;
  --Neutral-10: #f8f9f8;
  --Neutral-20: #eef0ee;
  --Neutral-30: #e2e6e2;
  --Neutral-40: #ccd4cc;
  --Neutral-50: #a8b2a8;
  --Neutral-60: #6e7a6e;
  --Neutral-70: #525c52;
  --Neutral-80: #383e38;
  --Neutral-90: #282c28;
  --white: #ffffff;
  --black: #1a1e1a;
  --gray: #6e7a6e;
  --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: #94a894;
  --system-success-light: #eef2ee;
  --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);
}