/* --- 1. BRAND PALETTE (Variables for future use) --- */
:root {
  --hello-blue:   #3DB3FF;
  --hello-orange: #FF9800;
  --hello-rose:   #F53199;
  --hello-green:  #7CB342;

  /* Forcing the theme's primary variables to black ensures 
     consistent rendering across the UI's structural elements. */
  --md-primary-fg-color:        #000000;
  --md-primary-fg-color--dark:  #000000;
}

/* --- 2. THE BLACK HEADER (Both Modes) --- */
.md-header {
  background-color: #000000 !important;
}

/* --- 3. ESSENTIAL LOGO FIXES --- */
/* Ensures the logo displays cleanly on the black background */
.md-logo img {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  height: 2.2rem; /* Adjusted to fit the standard Material header height */
  width: auto;
}