/* Ekkuity Drive — brand layer on top of File Browser's own theme variables */
:root {
  --blue: #1f52bf;          /* cobalt: buttons, selection, links */
  --dark-blue: #1a469f;
  --icon-blue: #1f52bf;     /* folder & file icons */
  --iconPrimary: #1f52bf;
  --background: #f7f8fb;
  --textSecondary: #0e1726;
}
:root.dark {
  --blue: #6b95ff;
  --dark-blue: #5a84f0;
  --icon-blue: #6b95ff;
  --background: #0a111e;
  --surfacePrimary: #111b2c;
  --surfaceSecondary: #1f2b40;
}

/* Same 3 px corners as the website */
.card, .button, .input, input, select, textarea,
#listing .item, #listing.mosaic .item, .shell, .context-menu,
#login form, .share, .share__box, .breadcrumbs, #search #input,
.upload-files, .prompt, .floating, #dropdown {
  border-radius: 3px !important;
}

/* Turquoise accent, as in the logo's points */
#listing .item[aria-selected="true"] { box-shadow: inset 3px 0 0 #19c2a0; }
.progress div, .upload-files .progress div { background-color: #19c2a0 !important; }

/* Login page: larger logo, brand colours */
#login { background: #f7f8fb; }
:root.dark #login { background: #0a111e; }
#login img { width: 220px !important; height: auto !important; margin-bottom: 8px; }
#login h1 { color: #0e1726; font-weight: 700; letter-spacing: -.01em; }
:root.dark #login h1 { color: #fff; }
#login .button--blue, #login input[type="submit"] { background: #1f52bf; }

/* Header logo in the app bar */
header img { height: 2.2em !important; width: auto !important; }

/* Primary buttons */
.button--blue { background: #1f52bf !important; }
.button--blue:hover { background: #1a469f !important; }