/* GambolDrive Branding */
:root {
  --blue: #1a73e8;
  --gold: #d4af37;
  --dark: #1a1a2e;
  --surfacePrimary: #1a1a2e !important;
  --surfaceSecondary: #16213e !important;
  --textPrimary: #e0e0e0 !important;
}

/* Login page branding */
#login h1 { font-size: 0 !important; line-height: 0 !important; position: relative; }
#login h1::before {
  content: '\u2666';
  display: block;
  font-size: 48px;
  color: var(--blue);
  margin-bottom: 4px;
}
#login h1::after {
  content: 'GambolDrive';
  display: block;
  font-family: 'Segoe UI', Tahoma, sans-serif;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 8px;
}

/* Header bar */
header { background: var(--dark) !important; border-bottom: 2px solid var(--gold) !important; }

/* Action buttons */
.action { background: var(--blue) !important; }
button.action:hover { background: #1557b0 !important; }

/* Login button */
#login .action { background: var(--gold) !important; color: #000 !important; font-weight: 700 !important; }
#login .action:hover { background: #c9a227 !important; }

/* Sidebar */
nav { border-right: 1px solid var(--gold) !important; }