/* Import MesloLGS NF Regular */
@font-face {
  font-family: 'MesloLGS NF';
  src: url('https://cdn.jsdelivr.net/gh/romkatv/powerlevel10k-media@master/MesloLGS%20NF%20Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Import MesloLGS NF Bold */
@font-face {
  font-family: 'MesloLGS NF';
  src: url('https://cdn.jsdelivr.net/gh/romkatv/powerlevel10k-media@master/MesloLGS%20NF%20Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* Apply the font globally to all elements */
* {
  font-family: 'MesloLGS NF', ui-sans-serif, system-ui, -apple-system, sans-serif !important;
}


/* Create a deep slate-colored glass effect for the cards */
.dark .bg-white\/5,
.dark .bg-slate-800\/50 {
    background-color: rgba(30, 41, 59, 0.65) !important; /* Dark slate tint */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Crisp, subtle edge */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important; /* Dark shadow to lift the card */
}

/* Make it slightly brighter when you hover over a card */
.dark .hover\:bg-white\/10:hover {
    background-color: rgba(30, 41, 59, 0.85) !important; 
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}