/* LakeLab branding for File Browser - colours, logo, name. No layout redesign. */
:root {
  --blue:       #f26419;  /* flame  - primary accent: buttons, links, active icons */
  --dark-blue:  #b03a0b;  /* ember  - hover/pressed accent */
  --icon-blue:  #f26419;
  --moon-grey:  #f1f4f6;  /* mist   */
  --textSecondary: #16202a; /* ink   */
  --textPrimary:   #5a6b78; /* slate */
  --borderPrimary: #dde4e9; /* edge  */
}
:root.dark {
  --blue:      #f26419;
  --dark-blue: #b03a0b;
  --icon-blue: #f26419;
}

/* --- Login card -------------------------------------------------------
   Upstream fixes the form at top:50%/left:50%, which sits low and reads as
   bottom-heavy once the wordmark replaces the small square mark. Lift it and
   nudge the block slightly left of dead centre. */
#login form {
  top: 42%;
  left: 46.7%;
}

/* Use the full wordmark - it already sets "Lab" in flame - and hide the plain
   text heading beneath it so the name is not shown twice. The hidden h1 also
   carried the gap above the fields, so restore that as margin. */
#login img {
  content: url("/static/img/logo-full.svg");
  width: auto;
  height: 4.2em;
  margin: 0 auto 1.5em;
}
#login h1 { display: none; }

/* Dark theme: the standard mark is drawn in ink and vanishes on a dark ground,
   so swap to the white-outline variants. */
:root.dark #login img { content: url("/static/img/logo-full-weiss.svg"); }
:root.dark header img,
:root.dark .sidebar img,
:root.dark #app > header img { content: url("/static/img/logo-weiss.svg"); }

/* Storage meter: the vendored progress component sets its colour inline, so a
   variable override cannot reach it. Colour only. */
.vue-simple-progress-bar { background-color: #f26419 !important; }