/* navbar (dark base) */
    .navbar-custom {
      background-color: var(--tec-dark) !important;
      box-shadow: 0 8px 16px rgba(0,0,0,0.7), 0 2px 4px rgba(0,0,0,0.5);
      padding: 0.8rem 1rem;
    }
    .navbar-custom .navbar-brand {
      color: var(--tec-soft);
      font-weight: 600;
      letter-spacing: 0.5px;
      font-size: 1.65rem;
      display: flex;
      align-items: center;
    }
    .navbar-custom .navbar-brand i {
      color: var(--tec-stone);
      font-size: 2rem;
      margin-right: 10px;
      transition: color 0.2s;
    }
    .navbar-custom .navbar-brand:hover i {
      color: var(--tec-soft);
    }
    .navbar-custom .navbar-brand span {
      background: linear-gradient(145deg, var(--tec-soft) 20%, #b0e3f0 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .navbar-custom .nav-link {
      color: #dbeef5 !important;
      font-weight: 500;
      padding: 0.6rem 1.2rem !important;
      margin: 0 0.15rem;
      border-radius: 40px;
      transition: all 0.15s ease;
    }
    .navbar-custom .nav-link i {
      color: var(--tec-stone);
      margin-right: 6px;
      font-size: 0.95rem;
      transition: color 0.15s;
    }
    .navbar-custom .nav-link:hover {
      background-color: rgba(158, 219, 235, 0.15);
      color: white !important;
    }
    .navbar-custom .nav-link:hover i {
      color: var(--tec-soft);
    }
    .navbar-custom .active .nav-link {
      background-color: transparent;
      color: white !important;
      border-bottom: 3px solid var(--tec-soft);
      border-radius: 0;
      font-weight: 600;
    }
    .navbar-custom .active .nav-link i {
      color: var(--tec-soft);
    }
    .navbar-toggler {
      border: 1px solid var(--tec-stone);
      background-color: rgba(255,255,255,0.05);
    }
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%239edbeb' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }